Bottom Margin

CSS / By
Many a times we would need to set margin for our objects. margin-bottom property can be used to set the bottom margin of the object.
 
Usage:
margin-bottom: 10px;
margin-bottom: 10pt;
margin-bottom: 10%;
margin-bottom: auto;
 
It takes the following values:
 
  1. pt: You can set values in points. (e.g: 10pt or 100pt).
  2. px: You can set values in pixels. (e.g: 10px or 100px).
  3. %: You can set values in percentage. (e.g: 10% or 100%).
  4. auto: This will set a automatic / default margin.
 
The following CSS code example shows how to set the value of the bottom margin:
 
<html>
<head>
<title>CSS margin example</title>
 <style type=”text/css”>
.bottommargin
{
margin-bottom: 1cm
}
</style>
</head>

<body>
<p>
This paragraph does not have a specified margin.
</p>
<p class=”bottommargin”>
<p>
This paragraph has a bottom margin of 5cm.
</p>
<p>
This paragraph does not have a specified margin.
</p>
</body>

</html>