Horizontal Rule Example : hr « Tags « HTML / CSS






  1. HTML / CSS
  2. Tags
  3. hr

Horizontal Rule Example

  

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<TITLE>Horizontal Rule Example</TITLE>
</HEAD>
<BODY>

<P>HR with size of 10</P>
<HR SIZE="10">
<P>HR with width of 50% and no shading</P>
<HR WIDTH="50%" NOSHADE>
<P>Width of 200 pixels, size of 3 pixels, and no shade</P>
<HR WIDTH="200" SIZE="3" NOSHADE>
<P>Width of 100, aligned right</P>
<HR ALIGN=RIGHT WIDTH="100">
<P>Width of 100, aligned left</P>
<HR ALIGN="LEFT" WIDTH="100">
<P>Width of 100, aligned center</P>
<HR ALIGN="CENTER" WIDTH="100">

</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.Set line width, size and shade together
7.The hr tag defines a horizontal rule
8.hr margin-left: auto; margin-right: auto; margin-top: 1.25em; margin-bottom: 1.25em;
9.hr width: 10px; height: 10px; background-color: #777;
10.'noshade' causes an 'hr' rule to appear as a solid bar with no shading