JSFiddle - React, Tailwind, and code Playground

HTML

<div class='holder'>
    <ul>
        <li>
            <a href='http://google.com'>
                <img src='http://l-userpic.livejournal.com/112768101/24105751' alt="" height='125' width='125' />
            </a>
        </li>
        <li>
            <a href='http://google.com'>
                <img src='http://l-userpic.livejournal.com/112768101/24105751' alt="" height='125' width='125' />
            </a>
        </li>
        <li>
            <a href='http://google.com'>
                <img src='http://l-userpic.livejournal.com/112768101/24105751' alt="" height='125' width='125' />
            </a>
        </li>
        <li>
            <a href='http://google.com'>
                <img src='http://l-userpic.livejournal.com/112768101/24105751' alt="" height='125' width='125' />
            </a>
        </li>
        <li>
            <a href='http://google.com'>
                <img src='http://l-userpic.livejournal.com/112768101/24105751' alt="" height='125' width='125' />
            </a>
        </li>
        <li>
            <a href='http://google.com'>
                <img src='http://l-userpic.livejournal.com/112768101/24105751' alt="" height='125' width='125' />
            </a>
        </li>
    </ul>
</div>

CSS

.holder{
    background:#fcc;
    width:300px;
}
ul{
    list-style:none;
    margin:0 -5px;
    overflow:hidden;
    padding:0;
    width:310px;
}
li{
    float:left;
    padding:5px 15px;
}
a{
    
}
img{
    vertical-align:top;
}