Lists

Vertical list without bullets

Item 1
Item 2
Item 3
Item 4
Item 5

<div class="container">
    <ul class="bullet-none">
        <li> Item 1 </li>
        <li> Item 2 </li>
        <li> Item 3 </li>
        <li> Item 4 </li>
        <li> Item 5 </li>
    </ul>
</div>

Numbered vertical list

Item 1
Item 2
Item 3
Item 4
Item 5

<div class="container">
    <ol class="bullet-number">
        <li> Item 1 </li>
        <li> Item 2 </li>
        <li> Item 3 </li>
        <li> Item 4 </li>
        <li> Item 5 </li>
    </ol>
</div>

Vertical list with arrow bullet

Item 1
Item 2
Item 3
Item 4
Item 5

<div class="container">
    <ul class="bullet-arrow">
        <li class>
        <li> Item 1 </li>
        <li> Item 2 </li>
        <li> Item 3 </li>
        <li> Item 4 </li>
        <li> Item 5 </li>
    </ul>
</div>

Vertical list with disc bullet

Item 1
Item 2
Item 3
Item 4
Item 5

<div class="container">
    <ul class="bullet-disc">
        <li class>
        <li> Item 1 </li>
        <li> Item 2 </li>
        <li> Item 3 </li>
        <li> Item 4 </li>
        <li> Item 5 </li>
    </ul>
</div>

Two line list

Item 1
- Lorem ipsum dolor sit amet, consectetur
Item 2
- Lorem ipsum dolor sit amet, consectetur
Item 3
- Lorem ipsum dolor sit amet, consectetur

<div class="container">
    <ul class="two_line_outer">
        <li> Item 1
            <ul class="two_line_inner"> 
                <li>Lorem ipsum dolor sit amet,
                consectetur</li>
            </ul>
       </li>
       <li> Item 2
             <ul class="two_line_inner"> 
                <li>Lorem ipsum dolor sit amet,
                consectetur</li>
            </ul>
       </li>
       <li> Item 3
             <ul class="two_line_inner"> 
                <li>Lorem ipsum dolor sit amet,
                consectetur</li>
            </ul>
       </li>
    </ul>
</div>

Horizontal list

Item 1
Item 2
Item 3
Item 4
Item 5

<div class="container">
    <ul class="horizontal-item">
        <li> Item 1 </li>
        <li> Item 2 </li>
        <li> Item 3 </li>
        <li> Item 4 </li>
        <li> Item 5 </li>
    </ul>
</div>