JSFiddle - React, Tailwind, and code Playground

by Netsurfer

HTML

<body class="dt">
    <div class="box_row">
        Lorem ipsum dolor sit amet,<br>consectetur adipiscing elit.
    </div>
    <div class="box_row expand">
        Lorem ipsum dolor sit amet, ...
    </div>
    <div class="box_row">
        Lorem ipsum dolor sit amet,<br>consectetur adipiscing elit.
    </div>
</body>

CSS

html,body {
    width: 100%;
    height: 100%; 
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;        
}
.dt {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;    
}
.box_row {
    display: table-row;
    height: 1px;
    padding: 10px;
    background-color: #CCC;
    border: 1px solid red;
}
.expand {height: 100%;}