View Full Version : a vertical <hr> tag

03-07-2004, 11:40 AM
How can I make a vertical <hr> tag?

Mr J
03-07-2004, 01:03 PM
Use a div similar to this

<div style="width:6px;height:100px;border-right:6px inset blue"></div>

03-07-2004, 01:49 PM
But instead of width: 6px; it should be width: 0px; as the pixels of width will be extra to the width of the border. Remember the box model:)

And remember you have to use the boxmodel hack for IE5:
.hr {
height: 100px;
border-right: 6px solid blue;
width: 6px;
voice-family: "\"}/*\"";
width: 0px;}
/* */

<div class="hr"></div>