One
Two
Three
has
extra
text
.box { display: flex; align-items: flex-start; justify-content: space-between; } .box :first-child { align-self: center; }
<div class="box"> <div>One</div> <div>Two</div> <div>Three <br>has <br>extra <br>text </div> </div>