JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="border"></div>
    <ul class="icons">
        <li><img src="http://jsfiddle.net/img/logo.png" /></li>
        <li><img src="http://jsfiddle.net/img/logo.png" /></li>
        <li><img src="http://jsfiddle.net/img/logo.png" /></li>
    </ul>
</div>

CSS

.container { position: relative; width: 500px }
.border { border-bottom:1px solid #CCC; height:20px; }
.icons { position:absolute; z-index:10; width:100%; text-align:center; top: 0; left: 0; font-size: 0; }

.icons li { background: #000; display: inline-block; margin: 0; overflow: hidden; padding-right:15px; }