Posted by Nick Theodorakis on 03/22/06 04:26

Greg N. wrote:
> Suppose you need a heading <h1>Huddersfield Canal Society</h1> to be
> rendered as two lines. The result you want to see is:
>
> Huddersfield
> Canal Society
>
> It can be fudged by marking it up as
>
> <h1>Huddersfield<br>Canal Society</h1>
>

Some people don't like <br>, but I don't see anything so wrong about
this example.

> or
>
> <h1>Huddersfield</h1>
> <h1>Canal Society</h1>
>

Yucky poo.

> But what would you suggest, that complies with HTML 4.01 strict, and is
> politically correct with respect to style/content separation?
>

How about:

<h1>Huddersfield <span>Canal Society</span></h1>

and in your css file:

h1 span
{
display: block;
}

(Substitute another element for <span> if one is more appropriate.)


--
Nick Theodorakis
nick_theodorakis@hotmail.com
contact form:
http://theodorakis.net/contact.html

• Next in forum: Re: How to render a heading as two lines?
• Prev in forum: when I ftp my code has vanished
• Thread view: Re: How to render a heading as two lines?

[Reply to this message]