JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container"></div>
<h1>Header that changes length</h1>
<div id="logos">
    <ul>
        <li style="width:30px;">
        </li>
        <li style="width:80px">
        </li>
        <li style="width:55px">
        </li>
        <li style="width:62px">
        </li>
        <li style="width:84px">
        </li>
    </ul>
</div>

CSS

#container { width:800px; }
h1 { float:left; }
#logos { float:left; overflow:hidden; }
#logos li { float:left; margin:0 8px 0 0; background-color:#CCC; height:50px; }