Re: Insufficient margins/padding for list-items/quotes/etc. next to floats

On Sat, Dec 26, 2009 at 7:40 PM, James Hopkins <james@idreamincode.co.uk> wrote:
> This happens since the marker box is appearing outside of the principal box.
> You could set the marker box so that it appears as the first inline box
> within the principal box, by applying 'list-style-position:inside' - or I
> may not be understanding your issue correctly?

First of all, that would result in undesired display for multiline
lists.  Lines after the first would begin under the marker instead of
to its left.  Second of all, it doesn't do anything at all for other
situations, e.g. (lines manually wrapped this time to avoid mangling):

data:text/html,<!doctype html>
<div style="float:left;padding:1em;margin:0 1em 1em 0;
border:1px solid black;height:5em">Floated text</div>
<blockquote>Quote is not indented extra.</blockquote>
<p>A paragraph.</p>
<blockquote style="clear:left">Quote is indented extra.</blockquote>
<p>Another paragraph.</p>

The problem arises any time that you want two elements containing text
to have different left margin/padding.

Received on Sunday, 27 December 2009 00:51:15 UTC