JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div id="firstDiv">FIRST</div>
    <div id="secondDiv">SECOND</div>
    <div id="thirdDiv">THIRD
    <br>some more content<br> some more content
    </div>
</div>

CSS

#container {
    width: 80%;
    border: 15px solid orange;
    text-align: center;
    margin: 0px auto;
}
#firstDiv{
    border: 10px solid brown;     
    display:inline-block;
    width: 70px;      
    overflow:hidden;
    vertical-align:top;
    margin: 0;
}
#secondDiv{
    border: 10px solid skyblue; 
    display:inline-block;
    width: 70px;
    vertical-align:top;
        margin: 0;
}
#thirdDiv{
    display:inline-block;
    border: 5px solid yellowgreen; 
    vertical-align:top;
    margin: 0;
}