The margin property creates space on all sides of a page element. It’s also possible to set separate
margin spacings on each side of an element.
Additional margin properties:
margin-top: Sets the top margin.
margin-bottom: Sets the bottom margin.
margin-left: Sets the left margin.
margin-right: Sets the right margin.
Note: Below we will change margin properties for a div that encloses HTML figure elements. Figures are used to organize visuals, such as photos and diagrams.
In index.html, figures with the class
gallery-item are contained inside a
div with a class
In main.css, locate the
.gallery class selector. Set the
margin-top property to
Run your code and notice the change in the web browser: the
div now has more top-margin space.