...

View Full Version : Separation bar with text in the middle



sushi4664
11-17-2010, 11:23 PM
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?

MattF
11-17-2010, 11:30 PM
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.

Excavator
11-18-2010, 04:59 AM
Hello sushi4664,
Lots of hr examples here (http://nopeople.com/CSS/hr/index.html).
Nothing at all wrong with MattF's suggestion either.

santhoshj400
11-18-2010, 05:42 AM
Hi,
Nice one his is what i' have been searching Nice post thanks Keep posting :)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum