JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <ul>
        <li><img src="http://www.ndcs.org.uk/images/hi_res/39976_FacebookButton30x30.gif" /></li>
        <li><img src="http://www.ndcs.org.uk/images/hi_res/39976_FacebookButton30x30.gif" /></li>
        <li><img src="http://www.ndcs.org.uk/images/hi_res/39976_FacebookButton30x30.gif" /></li>
        <li><img src="http://www.ndcs.org.uk/images/hi_res/39976_FacebookButton30x30.gif" /></li>
    </ul>
    <div style="clear: both" />
</div>

CSS

div, p, ul, li {
    margin: 0;
    padding: 0;
    list-style: none;
}

div.container {
    border: 1px solid blue;
}

div.container > ul li {
    float: left;
    background-color: yellow;
}

p {
    height: 30px;
}