<div class="container">
  <div>last baseline</div>
  <div>This one
    <br>has more lines
    <br> of text.</div>
  <div>flex end</div>
</div>
.container {
  display: flex;
  border: 2px solid #ccc;
  padding: 10px;
  gap: 10px;
  align-items: last baseline;
}

.container div:nth-child(2) {
  font-size: 200%;
  padding: .5em;
}

.container div:nth-child(3) {
  align-self: flex-end;
}

body {
  font: 1.2em Roboto, sans-serif;
}


External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.