How to create a dot tag <hr / ">?

Question

How to create a dot or any type of hr string (double, dotted, etc.) using CSS?

<hr style="...what should I write?..." /> 

or is there another trick?

Answer 1

You can only have <hr style="border-top: dotted 1px;" /> <hr style="border-top: dotted 1px;" /> . That should work.

Answer 2

 hr { border-top:1px dotted #000; /*Rest of stuff here*/ } 

Answer 3

 hr { border: 1px dotted #ff0000; border-style: none none dotted; color: #fff; background-color: #fff; } 

try it

Answer 4

You can do:

 <hr style="border: 1px dashed black;" /> 

Demo: http://jsfiddle.net/JMfC9/

Answer 5

The <hr> is just a short element with a border:

 <hr style="border-style: dotted;" /> 

Answer 6

You can do:

 <hr style="border-bottom: dotted 1px #000" />