How to Sink a Child Element to Bottom with CSS
July 4, 2023•37 words
Example HTML
<div class="a">
<div>foo</div>
<div>bar</div>
<div>foobar</div>
<div>barfoo</div>
</div>
The CSS
.a {
display:flex; flex-direction:column;
}
.a >*:nth-child(1) {
order:1; /* Other divs have order empty ie zero and appear above */
}