CSS3 : how to get a 5px wide thick horizontal line

Question

I tried the following code css3 style for 5 px wide horizontal line

<hr style=" border: solid 1px red;padding-top:10px; margin:25px auto 15px auto;clear:both" />

but I am getting 5px wide red rectangle.

Please advise me with a proper CSS3 style code.

Answer 1

As long as the element has the right width, a simple:

border-bottom:5px solid red;

Will do the trick.