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



<style type="text/css">
hr.thin {
height: 1px;
border: 0;
color: #333;
background-color: #333;
width: 80%;


<hr class="thin">