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

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 UTC