Separation bar with text in the middle

Hello,

I want to create a separation bar with text in the middle...something like this:


random text random text
random text random text

------------or--------------

random text random text
random text random text

But the separation line has to be solid...how would I do this?

Type in __________________text here_________________? If you're wanting to do it with tags, something along the lines of:


<div class="hrule"></div>Text here.<div class="hrule"></div>


CSS would be something like:


.hrule {
height: 1px;
margin-top: 5px;
border-top: 1px solid #000000;
}


Untested, but you get the gist. There is also the <hr> tag if you're not worried about using old style syntax.

Hello sushi4664,
Lots of hr examples here (http://nopeople.com/CSS/hr/index.html).
Nothing at all wrong with MattF's suggestion either.

Hi,
Nice one his is what i' have been searching Nice post thanks Keep posting :)