List

This controls the design and spacing of <ul> and <ol>.

m9-list-style-0

ul Applied Result

This is an unordered list.
This is an unordered list.
This is an unordered list.
This is an unordered list.

ul Applied Code

<ul class="m9-list-style-0"> 
    <li>This is an unordered list.</li> 
    <li>This is an unordered list.</li> 
    <li>This is an unordered list.</li> 
    <li>This is an unordered list.</li> 
</ul>

ol Applied Result

This is an ordered list.
This is an ordered list.
This is an ordered list.
This is an ordered list.

ol Applied Code

<ol class="m9-list-style-0"> 
    <li>This is an ordered list.</li> 
    <li>This is an ordered list.</li> 
    <li>This is an ordered list.</li> 
    <li>This is an ordered list.</li> 
</ol>

m9-list-style-1

ul Applied Result

This is an unordered list.
This is an unordered list.
This is an unordered list.
This is an unordered list.

ul Applied Code

<ul class="m9-list-style-1"> 
    <li>This is an unordered list.</li> 
    <li>This is an unordered list.</li> 
    <li>This is an unordered list.</li> 
    <li>This is an unordered list.</li> 
</ul>

ol Applied Result

This is an ordered list.
This is an ordered list.
This is an ordered list.
This is an ordered list.

ol Applied Code

<ol class="m9-list-style-1"> 
    <li>This is an ordered list.</li> 
    <li>This is an ordered list.</li> 
    <li>This is an ordered list.</li> 
    <li>This is an ordered list.</li> 
</ol>

m9-list-style-2

ul Applied Result

This is an unordered list.
This is an unordered list.
This is an unordered list.
This is an unordered list.

ul Applied Code

<ul class="m9-list-style-2"> 
    <li>This is an unordered list.</li> 
    <li>This is an unordered list.</li> 
    <li>This is an unordered list.</li> 
    <li>This is an unordered list.</li> 
</ul>

ol Applied Result

This is an ordered list.
This is an ordered list.
This is an ordered list.
This is an ordered list.

ol Applied Code

<ol class="m9-list-style-2"> 
    <li>This is an ordered list.</li> 
    <li>This is an ordered list.</li> 
    <li>This is an ordered list.</li> 
    <li>This is an ordered list.</li> 
</ol>

m9-list-style-3

ul Applied Result

This is an unordered list.
This is an unordered list.
This is an unordered list.
This is an unordered list.

ul Applied Code

<ul class="m9-list-style-3"> 
    <li>This is an unordered list.</li> 
    <li>This is an unordered list.</li> 
    <li>This is an unordered list.</li> 
    <li>This is an unordered list.</li> 
</ul>

ol Applied Result

This is an ordered list.
This is an ordered list.
This is an ordered list.
This is an ordered list.

ol Applied Code

<ol class="m9-list-style-3"> 
    <li>This is an ordered list.</li> 
    <li>This is an ordered list.</li> 
    <li>This is an ordered list.</li> 
    <li>This is an ordered list.</li> 
</ol>

m9-list-style-4

ul Applied Result

This is an unordered list.
This is an unordered list.
This is an unordered list.
This is an unordered list.

ul Applied Code

<ul class="m9-list-style-4"> 
    <li>This is an unordered list.</li> 
    <li>This is an unordered list.</li> 
    <li>This is an unordered list.</li> 
    <li>This is an unordered list.</li> 
</ul>

ol Applied Result

This is an ordered list.
This is an ordered list.
This is an ordered list.
This is an ordered list.

ol Applied Code

<ol class="m9-list-style-4"> 
    <li>This is an ordered list.</li> 
    <li>This is an ordered list.</li> 
    <li>This is an ordered list.</li> 
    <li>This is an ordered list.</li> 
</ol>

m9-list-style-5

ul Applied Result

This is an unordered list.
This is an unordered list.
This is an unordered list.
This is an unordered list.

ul Applied Code

<ul class="m9-list-style-5"> 
    <li>This is an unordered list.</li> 
    <li>This is an unordered list.</li> 
    <li>This is an unordered list.</li> 
    <li>This is an unordered list.</li> 
</ul>

ol Applied Result

This is an ordered list.
This is an ordered list.
This is an ordered list.
This is an ordered list.

ol Applied Code

<ol class="m9-list-style-5"> 
    <li>This is an ordered list.</li> 
    <li>This is an ordered list.</li> 
    <li>This is an ordered list.</li> 
    <li>This is an ordered list.</li> 
</ol>