Is there a way to get the following visual style:

*This is the header* This is the rest
of the paragraph here. As you can
see the header is inline visually.

Visually, this works by setting the h2 to be inline.

[p][h2]header[/h2] etc etc[/p]

But is invalid.

The valid solution I came up with is this:

[div]
    [h4 style="display: inline"]This is the header [/h4]
    [p  style="display: inline"]This is the paragraph here let's see
how long we can make it blah blah blah.[/p]
[/div]

That works visually, but does require the extra DIV. Not a huge deal
in most cases, but I won't be maintaining the site so am trying to
reduce redundant or necessary markup wherever I can. Is there a valid
method to create the layout I am after without adding HTML elements to
the markup?

-DA
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to