<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;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.