JSFiddle - React, Tailwind, and code Playground

by m4r73n

HTML

<div class="outer">
    <div id="inner1" class="inner">text</div>
    <div id="inner2" class="inner">text</div>
</div>

CSS

.outer {
    display: table;
    table-layout: fixed;
    width: 100%;
    border: 1px solid red;
}

.inner {
    float: none;
    display: table-cell;
    padding: 10px 0;
    border: 1px solid blue;
}

#inner1 {
    width: 30%;
}

#inner {
    width: 70%;
}