This Horizontal Rule <hr> with CSS

The Horizontal Rule tag <hr> has been around for a long time, and still used to visually seperate elements on webpages. Here is how you can change this line to pe a pencil thin 1px line.

Give me feedback on this page/code

Example:

CSS:


<style type="text/css">

<!--

hr.thin {

  height: 1px;

  border: 0;

  color: #333;

  background-color: #333;

  width: 80%;

} 

-->

</style>

HTML:


<hr class="thin">