Horizontal ruler in HTML

I happened to use HTML for my company website (http://www.kaashivinfotech.com/). During my design for segregating the content, I've used table row and table data with lines in the boundary like, OOps, it's a costliest work to do and it's not efficient way to give a break line between the contents.

<tr> <td style="width:70%; visibility: visible; border-top-width: 1px; border-left-width: 1px; border-left-color: black; border-bottom-width: 1px; border-bottom-color: black; border-top-color: black; border-right-width: 1px; border-right-color: black;" > </td> </tr>

On my random search, I found the horizontal ruler in my VS tool box. Awesome, Here is the one line code to achieve the same,

<hr />

---

To provide colour to the ruler

<hr color="Orange" />

---

To provide the size to the ruler. Here is an option

---

<hr color="Orange" width="100" size=1 />

width - Indicates the length of the ruler size - Indicates the thickness of the ruler.

Cheers,

Venkatesan Prabu .J