JSFiddle - React, Tailwind, and code Playground

by oilvier

HTML

<div class="tab">
    <div><img src="http://placecage.com/300/50" alt=""></div>
    <div class="c">Contenu</div>
</div>

CSS

* {moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding:0; margin:0;}
body {padding:50px;}
.tab {display:table; table-layout:fixed; background:firebrick; padding:10px;}
.tab > div {display:table-cell; vertical-align: middle;}
.tab img {max-width:100%; vertical-align:bottom;}
.c {width:300px;}