Lists are used to order links or content. The .ms-list class is the default class, you can also surround the list with the .ms-boxed class. The list can also include badges to display a number.
<ul class="ms-list">
<li>Lorem ipsum sit amet !</li>
<li>Lorem dolor amet !</li>
<li>Lorem ipsum dolor sit amet !</li>
</ul><ul class="ms-list ms-list-none">
<li>Lorem ipsum sit amet !</li>
<li>Lorem dolor amet !</li>
<li>Lorem ipsum dolor sit amet !</li>
</ul><ul class="ms-list ms-border">
<li>Lorem ipsum sit amet !</li>
<li>Lorem dolor amet !</li>
<li>Lorem ipsum dolor sit amet !</li>
</ul><ul class="ms-list ms-boxed">
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem dolor amet !</li>
<li>Lorem ipsum dolor sit amet !</li>
</ul><ul class="ms-list ms-boxed">
<li>Lorem ipsum dolor sit amet <span style="float: right"><span class="ms-notification ms-small ms-blue">2</span></span></li>
<li>Lorem dolor amet ! <span style="float: right"><span class="ms-notification ms-small ms-red">2</span></span></li>
<li>Lorem dolor amet ! <span style="float: right"><span class="ms-notification ms-small ms-yellow">2</span></span></li></ul>