JSFiddle - React, Tailwind, and code Playground

by khamer

HTML

<div class="columns">
    <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officia atque.</div>
    <hr>
    <div>Ipsa accusamus facere in atque eaque enim debitis et molestiae.</div>
    <hr>
    <div>Itaque eum ex animi totam cupiditate praesentium odit sed voluptatibus.</div>
</div>

SCSS

.columns {
    display: table;
    min-width: 400px;
    max-width: 800px;
    background: green;
    table-layout: fixed;
    
    > * {
        display: table-cell;
    }
    
    > hr {
        width: 1em;
        border: 0;
    }
}