CSS3:如何获得5px宽的水平线

Jay*_*S T 4 css3

我为5 px宽的水平线尝试了以下代码css3样式

<hr style=" border: solid 1px red;padding-top:10px; margin:25px auto 15px auto;clear:both" />
Run Code Online (Sandbox Code Playgroud)

但我得到5px宽的红色矩形.

请用适当的CSS3样式代码告诉我.

Ric*_*haw 9

只要元素宽度合适,简单:

border-bottom:5px solid red;
Run Code Online (Sandbox Code Playgroud)

会做的伎俩.