<div class="flex items-stretch bg-gray-200 h-20 my-2">
<div class="flex-1 bg-teal-400 p-2 m-2">1</div>
<div class="flex-1 bg-teal-400 p-2 m-2">2</div>
<div class="flex-1 bg-teal-400 p-2 m-2">3</div>
</div>
<div class="flex items-start bg-gray-200 h-20 my-2">
<div class="flex-1 bg-teal-400 p-2 m-2">1</div>
<div class="flex-1 bg-teal-400 p-2 m-2">2</div>
<div class="flex-1 bg-teal-400 p-2 m-2">3</div>
</div>
<div class="flex items-center bg-gray-200 h-20 my-2">
<div class="flex-1 bg-teal-400 p-2 m-2">1</div>
<div class="flex-1 bg-teal-400 p-2 m-2">2</div>
<div class="flex-1 bg-teal-400 p-2 m-2">3</div>
</div>
<div class="flex items-end bg-gray-200 h-20 my-2">
<div class="flex-1 bg-teal-400 p-2 m-2">1</div>
<div class="flex-1 bg-teal-400 p-2 m-2">2</div>
<div class="flex-1 bg-teal-400 p-2 m-2">3</div>
</div>
<div class="flex items-baseline bg-gray-200 h-20 my-2">
<div class="flex-1 bg-teal-400 p-2 m-2">1</div>
<div class="flex-1 bg-teal-400 p-2 m-2 text-2xl">2</div>
<div class="flex-1 bg-teal-400 p-2 m-2">3</div>
</div>
