JSFiddle - React, Tailwind, and code Playground

by chut319

HTML

<h3>Features</h3>
<ul>
    <li class="left"><img src="http://phrogz.net/tmp/alphaball.png">Smells Good</li>
    <li class="left"><img src="http://phrogz.net/tmp/alphaball.png">Tastes Great</li>
    <li class="left"><img src="http://phrogz.net/tmp/alphaball.png">Delicious</li>
    <li><img src="http://phrogz.net/tmp/alphaball.png">Wholesome</li>
    <li class="left"><img src="http://phrogz.net/tmp/alphaball.png">Eats Children</li>
    <li class="left"><img src="http://phrogz.net/tmp/alphaball.png">Yo' Mama</li>
</ul>

CSS

h3 { border-bottom:1px solid #ccc; font-family:sans-serif; font-weight:bold }
ul { margin:0.5em auto }
li { text-align:center; float: left; clear: left; padding:0.1em 1em }
img { width:64px; display:block; margin:0 auto }
.left {float: left; clear: none;}