(no subject)

[morwen]

Dear Lazyweb,

I would like to display some text in a web-browser that ends up looking like this:

Someone says "

The quick brown fox jumps over the lazy dog. Victor jagt zwölf Boxkämpfer quer über den Sylter Deich. Cwm fjord bank glyphs vext quiz. Buvez de ce whisky que le patron juge fameux."

Someone else says "

The quick brown fox jumps over the lazy dog. Victor jagt zwölf Boxkämpfer quer über den Sylter Deich. Cwm fjord bank glyphs vext quiz. Buvez de ce whisky que le patron juge fameux."

i.e. the indent on the second line is as far as it had got up to with the quote mark on the first line. I can do this in tables (see the source). I'd like not to. Is there a way of doing this with <div> and CSS? From my researches I can see no way, but I'm not an expert.

Comments

[plexq.livejournal.com]

Didn't say it was an improvement! I've done some more digging, and I can't find another way to do it that doesn't suck. From what I've seen over the last few years, using divs and css to do anything with floating content just plain sucks, and often just doesn't work. When it comes to floating content that needs to dynamically resize, tables are still king.

You can do it if you are prepared to have a fixed height for the segment, but like I said, that sucks.