JSFiddle - React, Tailwind, and code Playground

HTML

<footer>
    <div>
        <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>
        </ul>
    </div>
    <div>
        <h3>Heading</h3>
        <img src="http://i.imgur.com/N23RQo5.png">
    </div>
    <div>
        <h3>Heading</h3>
        social icons
    </div>
    <div class="clear"></div>
</footer>

CSS

footer
{
    width: 100%;
    height: 150px;
    background: #f5f5f5;
    overflow: hidden;
}

footer div
{
    float: left;
    display: block;
    margin: 0 0 0 0;
    width: 33.333333%;
    height: 150px;
}

.clear {clear:both}