JSFiddle - React, Tailwind, and code Playground
HTML
<div class="floatleft">
<h3>Heading</h3>
<ul>
<li><a href="http://">Link 1</a></li>
<li><a href="http://">Link 1</a></li>
<li><a href="http://">Link 1</a></li>
<li><a href="http://">Link 1</a></li>
</div>
<div class="floatleft">
<h3>Heading</h3>
<img src="http://i.imgur.com/N23RQo5.png">
</div>
<div class="floatleft">
<h3>Heading</h3>
social icons
</div>
<div class="clear"></div>
CSS
.floatleft {float: left; margin: 0 20px 0 0; width: 400px;}
.clear {clear:both}