Item 1
Item 2 has more text in it and therefore will be taller than item one. In the flex version both should stretch to the same height.
.box { display: flex; } .item { display: inline-block; vertical-align: top; width: 150px; flex: 1; }
<div class="box"> <div class="item">Item 1</div> <div class="item">Item 2 has more text in it and therefore will be taller than item one. In the flex version both should stretch to the same height.</div> </div>