Horizontal Rules and Borders

One way you can individual areas of your website is to use the hr tag. By standard, this tag makes a slim, greyish horizontally line known as a horizontally guideline.
<p>12/5</p>
<p>Tonight’s homework is to read chapter 13. Be prepared to answer
several questions about the chapter in class tomorrow.</p>
<hr />
<p>W. Willard, Instructor<br />
Fall Semester</p>
Although many surfers screen horizontally guidelines a bit diversely, a primary one usually looks like that proven next.

A better way to create horizontal rules involves the border properties shown in below table in your style sheets.


The use of style sheets to create rules on a web page is much more versatile than HTML. For example, not only can you create horizontal rules, but vertical rules as well. In addition, you can easily alter the size and style of rules on a page, and can place borders around all sorts of page elements from images to paragraphs of text.
The following bit of code shows an example of using the border property (instead of a horizontal rule) to add a single-pixel black line below a paragraph.
<p style="border-bottom-width:1px;border-color:#000;border-style:solid;">