Hi list,
I have a problem which looks very simple at first, but seems to be
getting really complicated. But maybe I'm just overlooking something
obvious.
I'm trying to apply a backgroundcolor to a piece of text which stretches
over a few lines. However, the background should not be square, but end
where each line of text ends, and in between each line should be a bit
of empty space. The text is dynamically generated and should be
resizable, so I can't put in manual line-breaks.
See my examples:
http://www.altereco.nl/inlinepadding.html
Example 3 shows what it should look like (at least in FF2 en IE6), but
here each line is wrapped in separate div's.
Of course the problem is the red bodytext, not the green headers.
In example 1 I tried by floating the blocks, but it puts a solid square
around the bodytext.
Nr 2 is displayed inline, but here the padding-left is only applied to
the first line, and padding-right to the last line. Maybe logical, but
not what I need. IE6 is also displaying some strange bugs (duplicating
words when it's wrapping etc.)
I don't care about changing the html, as long as the bodytext parts can
be in one piece.
Any ideas how to tackle this?
Thanks,
Loek
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
