List | SLEEK UI

Simple List

List item 1
List item 2
List item 3
List item 4

                        
                            <ul class="list">
                                <h5 class="list-heading">Simple List</h5>
                                <li class="list-item">List item 1</li>
                                <li class="list-item">List item 2</li>
                                <li class="list-item">List item 3</li>
                                <li class="list-item">List item 4</li>
                            </ul>

Spaced/Inline List

List item 1
List item 2
List item 4
List item 3

                        
                            <ul class="list inline-list">
                            <li class="inline-list-item">List item 1</li>
                            <li class="inline-list-item">List item 2</li>
                            <li class="inline-list-item">List item 4</li>
                            <li class="inline-list-item">List item 3</li>
                            </ul>

Stacked List

List item 1
List item 2
List item 3
List item 4

                        
                            <ul class="list stacked-list">
                                <li class="list-item">List item 1</li>
                                <li class="list-item">List item 2</li>
                                <li class="list-item">List item 3</li>
                                <li class="list-item">List item 4</li>
                            </ul>