Creating A Color Bar on Html (Example Img Link) Help!

Hello,

I am trying to create a color bar on html?

See below images for details.

Text is between two bars as heading on the page.

http://www.freeuploadimages.org/images/re01vglrpdubofozwpft.jpg

Text on the colored bar as a heading on the page.

http://www.freeuploadimages.org/images/djv24plmij4h49j0a46.jpg

Please help,
Thanks!

for the first:

h1{
margin: 0pt;
background-image: yourimage;
background-repeat: repeat-x;
background-position: center center;
width: 300px;
}
p {
display: block;
height: 50px;
background-color: white;
width: 150px;
position: relative;
left: 25px;
}

and your html:

<h1><p>TEXT HERE</p></h1>



for the second:


h1{background-color:#f8f8f8; width:300px; height:50px;color:#ffffff;}


for your html

<h1>TEXT HERE</h1>

just play with the styles untill you get what you want

You cannot have a paragraph inside a heading in HTML. This is wrong. Use a span instead.

you are so right!
thanks =) and as is told in my country "cada dia se aprende algo nuevo"

Thank you so much rakasv and Apostropartheid.
Can you give me the complete code with the span tags.

Thanks again!

you are so right!
thanks =) and as is told in my country "cada dia se aprende algo nuevo"

Yes. Yes we do. ;) well I don't speak Spanish but it's similar enough for me to understand.

Switch the h1 tag to a span and set it to display: block.