JSFiddle - React, Tailwind, and code Playground

by Cath_kb

HTML

<div class="table">
    <div class="td2">col2
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae mi arcu. Cras a erat nec ligula ullamcorper iaculis. Morbi sed ligula nec nibh scelerisque imperdiet at id sapien. Vivamus sit amet mauris lacus. Cras vitae nisi sapien, non gravida sapien. Fusce eros justo, blandit vel pharetra ac, varius vel ligula. Sed in diam non magna sodales fringilla a vitae arcu. Donec consectetur lacus lobortis erat scelerisque non egestas magna ultricies. Pellentesque enim nunc, scelerisque ullamcorper rhoncus rutrum, posuere porta erat.</p>                    
    </div>
    <div class="td1">col1</div>
</div><!--.table-->

<div class="table">
    <div class="td2">col2
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae mi arcu. Cras a erat nec ligula ullamcorper iaculis. Morbi sed ligula nec nibh scelerisque imperdiet at id sapien. Vivamus sit amet mauris lacus. Cras vitae nisi sapien, non gravida sapien. Fusce eros justo, blandit vel pharetra ac, varius vel ligula. Sed in diam non magna sodales fringilla a vitae arcu. Donec consectetur lacus lobortis erat scelerisque non egestas magna ultricies. Pellentesque enim nunc, scelerisque ullamcorper rhoncus rutrum, posuere porta erat.</p>                    
        </div>
    <div class="td1">col1</div>
    <div class="td3">col3</div>
</div><!--.table-->

CSS

.table {
    background: darkgrey;
    overflow:hidden;
    margin-bottom: 20px;
    padding-left: 100px;
}
.td2 {
    float: left;
    width: 100%;
    position: relative;
    margin-right: -100%;
}
.td1 {
    float: left;
    width: 100px;
    overflow: hidden;
    position: relative;
    margin-left: -100px;
    background: silver;
    padding-bottom: 20000px;
    margin-bottom: -20000px;
}
.table+.table {
    padding-right: 100px;
}
.td3 {
    float: right;
    width: 100px;
    overflow: hidden;
    position: relative;
    margin-right: -100px;
    background: grey;
    padding-bottom: 20000px;
    margin-bottom: -20000px;
}