JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
    <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
}
#wrapper {
    background-color: green;
}