W3C home > Mailing lists > Public > www-style@w3.org > December 2009

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

From: Aryeh Gregor <Simetrical+w3c@gmail.com>
Date: Sun, 27 Dec 2009 11:39:51 -0500
Message-ID: <7c2a12e20912270839g5c0aba57i2b20af0e1f806c14@mail.gmail.com>
To: Alan Gresley <alan@css-class.com>
Cc: James Hopkins <james@idreamincode.co.uk>, www-style@w3.org
On Sun, Dec 27, 2009 at 11:35 AM, Alan Gresley <alan@css-class.com> wrote:
> Adding a padding-left:30px to the UL fixes the placement of the marker when
> used with list-style-position:inside on the LI.

That breaks on multiline lists.  The bullet is just a distraction
here, really.  Look at the blockquote example instead:

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>
Received on Sunday, 27 December 2009 16:40:22 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Tuesday, 22 May 2012 03:47:12 GMT