HTML Lists Guide

<p>This is a paragraph before <strong>unnumbered</strong> lists (<code>ul</code>).
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
        euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
 
        <ul>
           <li><p>List item content wrapped in a <code>p</code>.  Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat.</p></li>
           <li><p>List item content wrapped in a <code>p</code>. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.</p></li>
           <li><p>Multiple <code>p</code> elements in a list item.  Phasellus ultrices nulla quis nibh. Quisque a lectus. Donec consectetuer ligula vulputate sem tristique cursus. Nam nulla quam, gravida non, commodo a, sodales sit amet, nisi.</p>
               <p>Pellentesque fermentum dolor. Aliquam quam lectus, facilisis auctor, ultrices ut, elementum vulputate, nunc.</p>
            </li>
        </ul>
        <ul>
           <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
           <li>Aliquam tincidunt mauris eu risus.</li>
           <li>Vestibulum auctor dapibus neque.</li>
        </ul>
 
 
        <p>This is a paragraph before a <strong>numbered</strong> list (<code>ol</code>).
        Note that the spacing between a paragraph and a list before or after that is hard
        to tune in a user style sheet. You can't guess which paragraphs are logically related
        to a list, e.g. as a "list header".</p>
        <ol>
            <li>One.</li>
            <li>Two.</li>
            <li>Three. </li>
            <li>Four. </li>
            <li>Five</li>
            <li>Six</li>
            <li>Seven</li>
            <li>Eight</li>
            <li>Nine</li>
            <li>Ten</li>
        </ol>
        <p>This is a paragraph before a <strong>definition</strong> list (<code>dl</code>).
        In principle, such a list should consist of <em>terms</em> and associated definitions.
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
        euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </p>
        <dl>
            <dt>Apple</dt>
            <dd>
                is a fruit.</dd>
            <dt>Banana</dt>
            <dd>
                Is also a fruit.</dd>
            <dt>Tomato</dt>
            <dd>
                Is debatable. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
                nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</dd>
        </dl>