JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Problem</h1>
<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>

<h1>Solution</h1>

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

CSS

body{
    width: 350px;
    margin: 0px auto;
}
#container {
    border: 5px solid orange;   
}
div {
      border: 1px solid black;
}
#firstDiv{
    display:inline-block;
    width: 70px;      
    overflow:hidden;  
}
#secondDiv{
    float:left;
    width: 70px;     
}
#thirdDiv{
    display:inline-block;
}

.fix {
  vertical-align: text-top;
}