JSFiddle - React, Tailwind, and code Playground

by thirtydot

HTML

<table id="container" cellspacing="0" cellpadding="0">
    <tr>
        <td id="left">fluid</td>
        <td id="mid">
            fixed<br /><br />
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc blandit sapien ut nulla interdum eget egestas nisl dictum. Sed vehicula tristique mi vel posuere. Sed cursus augue sed purus pellentesque ultrices.
        </td>
        <td id="right">fluid</td>
    </tr>
</table>

CSS

html, body {
    margin: 0;
    padding: 0;
    border: 0
}
#container {
    border: 0;
    table-layout: fixed;
    width: 100%
}
#container td {
    vertical-align: top
}
#mid {
    width: 250px;
    background: #ccc
}
#left {
    background: #f0f
}
#right {
    background: #f0f
}