In this section, we will learn what the margin-bottom property is and how to use it in CSS.

CSS margin-bottom Property Definition and Usage

The CSS `margin-bottom` property is used to set the bottom margin of an element in an HTML document.

CSS margin-bottom Property Syntax

margin-bottom: length|auto|initial|inherit;

CSS margin-bottom Property Value

The value of this property is a number with relative, or absolute units supported in CSS.

Note: you could also use the two global values “initial” and “inherit” for this property.

Example: margin-bottom in CSS

See the Pen margin-bottom in CSS by Enjoy Tutorials (@enjoytutorials) on CodePen.