# How to set the bottom margin of an element?

JavascriptWeb DevelopmentFront End Scripts

The margin-bottom property is used to set the bottom margin of an element. It can have a value in length, % or auto.

## Example

You can try to run the following code to set the bottom margin

<html>
<body>
<p style = "margin-bottom: 40px; border:2px solid yellow;">
Cricket crazy nation India!
</p>
<p style = "margin-bottom: 20%; border:2px solid yellow;">
Cricket crazy nation Australia!
</p>
</body>
</html>
Published on 17-Apr-2018 10:47:35