<section>
    <h6 class="heading heading-sm list-heading">Trees</h6>
    <ul class="list list-bulleted">
        <li class="list-item">Pine</li>
        <li class="list-item">Neem</li>
    </ul>
</section>

<section>
    <h6 class="heading heading-sm list-heading">Flowers</h6>
    <ul class="list list-inline">
        <li class="list-item">Rose</li>
        <li class="list-item">Hibiscus</li>
    </ul>
</section>

<section>
    <h6 class="heading heading-sm list-heading">Berries</h6>
    <ul class="list list-stacked">
        <li class="list-item">Blackberry</li>
        <li class="list-item">Blueberry</li>
        <li class="list-item">Cranberry</li>
    </ul>
</section>