JSFiddle - React, Tailwind, and code Playground

HTML

<div id="holder">
<ul id="example1">
    <li></li>
    <li></li>
    <li></li>
</ul>

<ul id="example2">
    <li><img src="http://www.robgray.com/photos/thumbs_white/00420.jpg" width="100" height="50" alt="" /></li>
    <li><img src="http://www.robgray.com/photos/thumbs_white/00420.jpg" width="100" height="50" alt="" /></li>
    <li><img src="http://www.robgray.com/photos/thumbs_white/00420.jpg" width="100" height="50" alt="" /></li>
</ul>
</div>

CSS

#holder {
    width: 400px;
}
#example1 li {
    width: 100px;
    height: 50px;
    background: url(http://t0.gstatic.com/images?q=tbn:ANd9GcT-naSDZZj-1mnTOf5ZwGmmN_8avcgx-YP0czydSDKb6q7Pi82ipNxPUcBR) no-repeat;
    float: left;
    margin-right: 15px;
    border: 1px solid #000;
    display: block;
}
#example2 li {
    float: left;
    margin-right: 15px;
    border: 1px solid #000;
    margin-top: 15px;
}