JSFiddle - React, Tailwind, and code Playground
HTML
<div class="holder">
<div class="child">At a glance</div>
<div class="child">After coverage ends</div>
<div class="child">Forms & documents</div>
</div>
<br><br>
<div class="holder v2">
<div class="child">At a glance</div>
<div class="child">After coverage ends</div>
<div class="child">Forms & documents</div>
</div>
<br><br>
<div class="holder v2">
<div class="child">At a<br>glance</div>
<div class="child">After coverage<br>ends</div>
<div class="child">Forms &<br>documents</div>
</div>
CSS
.holder {
width: 500px;
background: lightgray;
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: nowrap;
}
.v2 {
width: 320px;
}
.child {
display: inline-block;
border: 1px solid black;
padding: 30px 0px;
text-align:center;
}