Set margin for hr : margin bottom « CSS « HTML / CSS






  1. HTML / CSS
  2. CSS
  3. margin bottom

Set margin for hr

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
hr {
 margin-left: auto;
 margin-right: auto;
 margin-top: 1.25em;
 margin-bottom: 1.25em;
 width: 10px;
 height: 10px;
 background-color: #777;
}
</style>
</head>

<body>

<hr/>

  <p>This is a text</p>

  
  
</body>
</html>








Related examples in the same category

1.'margin-bottom' Example
2.margin-bottom: 15px
3.margin-bottom: 5%
4.margin-bottom: 6px;
5.specify margin via one of the four separate margin properties: margin-top, margin-right, margin-bottom, and margin-left.
6.margin-bottom: 2em
7.Left-top Aligned and Offset
8.Right-bottom Aligned and Offset
9.Aligned-center Absolute
10.Top and bottom margins set 5% for me
11.Top Aligned Static Block
12.Static Block Bottom Aligned with margin-bottom: 0