CSS header tag question

I'm trying to place normal size text on the same line as a header tag. Doing this put the normal size text on the next line beca开发者_Python百科use a header tag is a block element.

<h1>Header</h1>normal size text

Any help is much appreciated.

---

h1{display:inline;}

Will cause the H1 Tag to stop blocking

---

Or, if you don't want to use inline elements, float the h1 instead:

h1 {
    float:left;
}

In some scenarios may need to wrap both the h1 and normal size text in a div, that's also floated left, to keep it contained on the same line:

<div id="foo"><h1>Hello</h1>World</div>

---

alternatively, you might want to try

<h1>Header <span class="normal">normal size text</span></h1>

, and style the .normal span using css to look like normal text. not semantic, but visually works even in IE6.