[thelist] Declaring <h1> display:inline creates invalid XHTML (Strict) - an y ideas?

Hassan Schroeder hassan at webtuitive.com
Thu Aug 14 10:25:44 CDT 2003

carl.myhill at ps.ge.com wrote:

> the whole <h1> wrapped fairly crudely. By changing this to display:inline I
> was able to achieve nicer letter by letter wrapping 

For the life of me, I can't figure out what you mean by "letter
by letter wrapping". As I increase the font size, the H1 and P
contents both wrap at *word* boundaries. And that behavior's the
same whether each is declared block or inline, so I'm not sure
what your goal is.

But you can't have block elements like H1 and P contained in an
inline element like SPAN. And in this case the SPAN seems utterly
extraneous -- try removing it and styling the H1 and P directly.

> 	<div id="header_titleright">
> 			<span id="header_titleright_span">
> 			<h1>Impington Swimming Club</h1>
> 			<br /> <!--needed now because these are both now
> inline elements-->
> 			<p>A friendly Masters Swimming Club just north of
> Cambridge</p>
> 			</span>

HTH, and apologies if I've missed something key!
Hassan Schroeder ----------------------------- hassan at webtuitive.com
Webtuitive Design ===  (+1) 408-938-0567   === http://webtuitive.com

                           dream.  code.

More information about the thelist mailing list