JSFiddle - React, Tailwind, and code Playground

by kentaromiura

HTML

<div id="container">
<div id="img">img</div>
<div id="text">foo bar baz fooo bar baz baz baz</div>
</div>

CSS

#container{
 display: -webkit-box;
    -webkit-box-orient: horizontal;
    width:200px;
    height:50px;
    border:1px solid red;
}

#img, #text{
-webkit-box-flex:1;
box-flex:1;
display:block!important;
}
#img{
    -webkit-box-flex:2;
    width:15px;
    height:15px;
    border:1px solid blue;
}