List items produce unwanted margin

[Pasi Lallinaho]

If a list item has any of <a>, <em> or <strong> (at least) as a children, the list item has unwanted bottom margin. This makes both long lists (with multiple levels) really hard to follow and shorter lists (with one level only) look like they are separate lists.

See https://wiki.ubuntu.com/Xubuntu/Meetings/Archive/Minutes/2011-11-08 for examples.

[Anthony Dillon (ya-bo-ng)]

This is due to the editor rapping any content with <a>, <em> or <strong> in a <p> with has bottom margin.

I have updated the wiki stylesheet with a fix for this and escalated it to IS to be deployed.

[Pasi Lallinaho (knome)]

With the new changes to the wiki some time ago, this is now changed to a mode that every <li>-item has the same bottom margin. This is also not very readable.

It's a consistency problem too with <ul>-elements inside <li>-items; the <ul> is appended directly to the next row of the parenting <li> which suggests the first <li>-item is more closely tied to the parenting <li>-item than the rest (since the <li> items have, again, the bottom margin).

I'd suggest using a bigger line-height for the <li>-items and removing the bottom margin from the <li>-items if pursuing better readability.

[Peter Mahnke (peterm-ubuntu)]

Ant, do you have a RT for this?