How to vertically align and stretch content using CSS flexbox

.outer {
  align-items: stretch;
  display: flex;
}

.inner {
  align-items: center;
  display: flex;
}
<div class="outer">
  <div class="inner">A</div>
  <div class="inner">B</div>
  <div class="inner">C</div>
</div>

Leave a Comment