JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
    <div id="one">one one one one one one one one one one one one one one one one one one one one one</div>
    <div id="two">two two two two two two</div>
    <div id="three">three</div>
    <div id="four">three</div>
</div>

CSS

#wrapper {
    display: table;
    table-layout: fixed;
    
    width:90%;
    height:100px;
    background-color:Gray;
}
#wrapper div {
    display: table-cell;
    height:100px;
}

#one {
    background-color:green
}
#two {
    background-color:blue
}
#three {
    background-color:red
}
#four {
    background-color:black
}