JSFiddle - React, Tailwind, and code Playground

by Lal Prakash

HTML

<div style="background-color:lightblue;float:left;">
    <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>
        </div>

CSS

.floatleft {float: left; margin: 0 20px 0 0; width: 400px;}
.clear {clear:both}