JSFiddle - React, Tailwind, and code Playground

HTML

<div id="table">
    <div id="t1">
        <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/b/b5/STOP_sign_cyrillic.svg/240px-STOP_sign_cyrillic.svg.png"  width="50" width="50"/>
        <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/b/b5/STOP_sign_cyrillic.svg/240px-STOP_sign_cyrillic.svg.png"  width="50" width="50"/>
    </div>
    <div id="t2">T2</div>
</div>

CSS

#table{
    display: table;
    margin-top: 150px;
    width: 100%;
}
#t1{
    display: table-cell;
    background-color: black;
}
#t2{
    display: table-cell;
    width: 100%;
    background-color: red;
}