UCLA Component Library

Lists 

<!-- Default -->



<!-- Ordered Lists -->
<ol>
    <li>Ordered List Item 1</li>
    <li>Ordered List Item 2</li>
    <li>Ordered List Item 3</li>
    <li>Ordered List Item 4</li>
    <li>Ordered List Item 5</li>
    <li>Ordered List Item 6</li>
    <li>Ordered List Item 7</li>
    <li>Ordered List Item 8</li>
    <li>Ordered List Item 9</li>
    <li>Ordered List Item 10</li>
</ol>

<!-- Multi Level Ordered List -->
<ol>
    <li>Ordered List Item 1</li>
    <li>Ordered List Item 2
        <ol>
            <li>Ordered List Item 2.1</li>
            <li>Ordered List Item 2.2</li>
            <li>Ordered List Item 2.3</li>
        </ol>
    </li>
    <li>Ordered List Item 3</li>
    <li>Ordered List Item 4</li>
</ol>


<!-- Unordered Lists -->
<ul>
    <li>Unordered List Item</li>
    <li>Unordered List Item
</ul>

<!-- Unordered List Body Paragrapgh-->
<ul>
    <li>Unordered List Item. A series of sentences together which make a paragraph. Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre. Gratuitous octopus niacin, sodium glutimate. Quote meon an estimate et non interruptus stadium. Sic tempus fugit esperanto hiccup estrogen. Glorious baklava ex librus hup hey ad infinitum. Non sequitur condominium facile et geranium incognito.</li>
    <li>Unordered List Item. A series of sentences together which make a paragraph. Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre. Gratuitous octopus niacin, sodium glutimate. Quote meon an estimate et non interruptus stadium. Sic tempus fugit esperanto hiccup estrogen. Glorious baklava ex librus hup hey ad infinitum. Non sequitur condominium facile et geranium incognito.</li>
</ul>

<!-- Multi Level Unordered List -->
<ul>
    <li>Unordered List Item</li>
    <li>Unordered List Item
        <ul>
            <li>Unordered List Item</li>
            <li>Unordered List Item</li>
            <li>Unordered List Item</li>
        </ul>
    </li>
    <li>Unordered List Item</li>
</ul>