The padding in nested lists when using blank lines for spacing has always driven me crazy.

I understand that this is because the contents of the list item are simply wrapped in <p> and that's why it has to look like this:

  1. One

    1. Nest
  2. Two

    1. Nester
  3. Three

    1. Nestest

Even though the Markdown looks like:

1. One
    1. Nest

2. Two
    1. Nester

3. Three
    1. Nestest

Tell me what you want, that does not look like what I had in mind. One can try "fixing" it by jamming a couple &nbsp; in there, but I would much rather prefer something like this:

li > p + ol,
li > p + ul {
    margin-bottom: 1em;
}

Which renders the above list like:

enter image description here

From what I can tell, this is something specific to nested lists, so I did not play with any other styles.

share|improve this question
1  
FWIW, I don't think we really need that phantom blank line between One and Nest, unless the user adds it themselves. –  Robert Harvey Feb 26 '13 at 16:11
2  
Personally I'd cut the padding in half and divide it between <del>the poor</del> the top and bottom of the nested items. It's getting a bit too spacy by the revamped one. –  Ben Brocka Feb 26 '13 at 18:03
    
@BenBrocka: Wouldn't mind that either. I just faintly remember posting about this behavior in the past and it was not received well (status-bydesign). So, this time, I wanted to at least propose some fix. –  Oliver Salzburg Feb 26 '13 at 18:54
add comment

You must log in to answer this question.

Browse other questions tagged .