Line down the middle of a div

[Nutter]

I'm trying to get a div that has a horizontal line down the center half way from top to bottom.

Limited to text, this is sort of a sketch:

[----[Menu][Menu][Menu]-----]

Any thoughts other than a graphic?

Thanks,
- Ryan

[Harvs]

I can't be done with just CSS code. The only way you can do it would be with a graphic. You could set the graphic as the background image so it won't interact with any text that goes over the top of it.

[Nutter]

Thanks, that's what I'd already done. Just hoping there was a CSS way. It'd be much easier to change colors that way.

- Ryan

[pittypatter]

Hi, don't know if this is what you are refering too, but here is what I came up with.
<style> <--!
#line2 {position: absolute; left: 10px; top: 310px;
width:250px; line-height: .2em;
background-color: #0000FF;}
<-- </style

<div id="line2">
&nbsp;
</div>

Hope this helps.

[Nutter]

Thanks, but I just kept it as what I had: a 20px by 1px graphic that repeat-x's. Works pretty well.