hr margin-left: auto; margin-right: auto; margin-top: 1.25em; margin-bottom: 1.25em; : hr « Tags « HTML / CSS






  1. HTML / CSS
  2. Tags
  3. hr

hr margin-left: auto; margin-right: auto; margin-top: 1.25em; margin-bottom: 1.25em;

   


<!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;
}
</style>
</head>

<body>
<p>Consectetuer adipiscing elit. Vivamus purus enim, sollicitudin vitae, tincidunt sit amet, pretium vel, libero. Sed sed nisi. Morbi gravida, odio at aliquam lobortis, urna massa vehicula mi, et posuere tortor elit eget est. Nulla ligula. Etiam pulvinar. Quisque ante quam, ultricies quis, rutrum dignissim, fermentum a, est. Nulla felis dolor, tempor non, posuere ut, ornare ac, eros. Cras in metus. Sed rutrum lectus ut nibh. Pellentesque ipsum.</p>
<hr />
<p>Pellentesque lacinia felis vitae nulla. Sed leo. Sed euismod cursus diam. Maecenas sodales quam ac pede. Fusce mi massa, bibendum eget, congue sit amet, mattis eget, quam. Integer auctor lectus vel nunc. In dapibus, felis sed fringilla varius, tellus odio blandit metus, id sollicitudin lacus quam et erat. Phasellus varius euismod nisi. Donec consequat enim sit amet magna. Nullam dictum metus quis ipsum.</p>
</body>
</html>








Related examples in the same category

1.'hr' creates a horizontal rule
2.Horizontal rule
3.Set width and height for
4.Set background color for
5.Horizontal Rule with image
6.Horizontal Rule Example
7.Set line width, size and shade together
8.The hr tag defines a horizontal rule
9.hr width: 10px; height: 10px; background-color: #777;
10.'noshade' causes an 'hr' rule to appear as a solid bar with no shading