Lists

[mhulse]

Some ok starting points:

ul, ol, dl {
    margin: 20px 0;
    padding: 0;
}
ul, ol { padding: 0 0 0 40px; }
dl dt {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .05em;
    word-spacing: .15em;
    line-height: 1.4;
    margin: 0 0 10px;
}
ul li,
ol li,
dl dd {
    line-height: 1.2;
    margin: 0 0 10px;
}
dl dd { padding: 0 0 0 10px; }
dl > :first-child { margin-top: 0 !important; }
dl > :last-child { margin-bottom: 0 !important; }

HTML example:

<ol>
    <li><a href="#">The quick brown fox hxy jumps over the lazy dog hxy</a></li>
    <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non massa non libero blandit dictum. In viverra elit id felis placerat non suscipit magna blandit. Sed lacinia arcu a nisi vehicula at vehicula purus laoreet.</li>
    <li>Suspendisse potenti</li>
    <li>
        Vestibulum sed tincidunt nulla
        <ul>
            <li>Vestibulum sit amet egestas enim</li>
            <li>
                Vivamus consectetur mauris et sapien ornare hendrerit
                <ol>
                    <li>Maecenas malesuada, orci vitae dictum molestie, ipsum tellus dictum ipsum, porttitor aliquam sem justo ut leo. In dapibus mi quis dolor semper rutrum.</li>
                    <li>Aliquam erat volutpat</li>
                </ol>
            </li>
            <li>Donec tempor quam ultricies mauris iaculis ac rhoncus nisi luctus</li>
        </ul>
    </li>
    <li>
        The quick brown fox hxy jumps over the lazy dog hxy
        <dl>
            <dt>Maecenas</dt>
                <dd>Risus</dd>
                <dd>Ullamcorper</dd>
        </dl>
    </li>
    <li>Mauris ac sem mauris</li>
</ol>

<hr>

<ol>
    <li>Li Europan lingues es membres del sam familie.</li>
    <li><img width="250" src="http://www.placehold.it/500x500"></li>
    <li>Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues.</li>
</ol>

<hr>

<ul>
    <li><a href="#">Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules.</a></li>
    <li>Lor separat existentie es un myth.</li>
    <li>Li Europan lingues es membres del sam familie.</li>
    <li>A un Angleso it va semblar un simplificat Angles, quam un skeptic Cambridge amico dit me que Occidental es.</li>
    <li>It va esser tam simplic quam Occidental in fact, it va esser Occidental.</li>
    <li>Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues.</li>
    <li>At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles.</li>
    <li>Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores.</li>
    <li>Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules.</li>
    <li> It va esser tam simplic quam Occidental in fact, it va esser Occidental.</li>
    <li>On refusa continuar payar custosi traductores.</li>
    <li>Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues.</li>
</ul>

<hr>

<ul>
    <li><a href="#">The quick brown fox hxy jumps over the lazy dog hxy</a></li>
    <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non massa non libero blandit dictum. In viverra elit id felis placerat non suscipit magna blandit. Sed lacinia arcu a nisi vehicula at vehicula purus laoreet.</li>
    <li>Suspendisse potenti</li>
    <li>
        Vestibulum sed tincidunt nulla
        <ul>
            <li>Vestibulum sit amet egestas enim</li>
            <li>
                Vivamus consectetur mauris et sapien ornare hendrerit
                <ol>
                    <li>Maecenas malesuada, orci vitae dictum molestie, ipsum tellus dictum ipsum, porttitor aliquam sem justo ut leo. In dapibus mi quis dolor semper rutrum.</li>
                    <li>Aliquam erat volutpat</li>
                </ol>
            </li>
            <li>Donec tempor quam ultricies mauris iaculis ac rhoncus nisi luctus</li>
        </ul>
    </li>
    <li>
        The quick brown fox hxy jumps over the lazy dog hxy
        <dl>
            <dt>Maecenas</dt>
                <dd>Risus</dd>
                <dd>Ullamcorper</dd>
        </dl>
    </li>
    <li>Mauris ac sem mauris</li>
</ul>

<hr>

<ul>
    <li>Lor separat existentie es un myth.</li>
    <li>Li Europan <img width="150" src="http://www.placehold.it/300x300"> lingues es membres del sam familie. Lor separat existentie es un myth.</li>
    <li>At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles.</li>
</ul>

<hr>

<dl>
    <dt><a href="#">Li Europan lingues es membres del sam familie.</a></dt>
        <dd>Lor separat existentie es un myth.</dd>
        <dd>At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles.</dd>
        <dd>It va esser tam simplic quam Occidental in fact, it va esser Occidental.</dd>
    <dt>At solmen va esser necessi far uniform grammatica.</dt>
        <dd>Li nov lingua franca va esser plu simplic.</dd>
        <dd>Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues.</dd>
        <dd>Omnicos directe al desirabilite.</dd>
    <dt>Li Europan lingues es membres del sam familie.</dt>
        <dd>Omnicos directe al desirabilite de un nov lingua franca.</dd>
        <dd>On refusa continuar payar custosi traductores.</dd>
        <dd>Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues.</dd>
</dl>

<hr>

<dl>
    <dt>The quick brown fox hxy jumps over the lazy dog hxy</dt>
        <dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</dd>
        <dd>Ullamcorper</dd>
        <dd>
            Duis
            <ul>
                <li>Sed at risus vel neque malesuada malesuada</li>
                <li>Mauris ac sem mauris</li>
            </ul>
        </dd>
    <dt>The quick brown fox hxy jumps over the lazy dog hxy</dt>
        <dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</dd>
        <dd>Vivamus</dd>
        <dd>
            Cras
            <ol>
                <li>Sed at risus vel neque malesuada malesuada</li>
                <li>Mauris ac sem mauris</li>
            </ol>
        </dd>
    <dt>The quick brown fox hxy jumps over the lazy dog hxy</dt>
        <dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</dd>
        <dd>Vivamus</dd>
        <dd>Nunc</dd>
</dl>