<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>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter