JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
<img src="http://www.google.fr/images/srpr/logo3w.png"/>
<ul>
  <li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li><li>li</li>
</ul>

</div>

CSS

#wrapper{
    width:700px;
}

img{
    float:left;
}

ul{
    display:inline;
}

li{
    display:inline-block;
    width:20px;
    height:20px;
    border:1px dotted #AAA;
    padding:3px;
}