Css flex bottom

You can use auto margins

Prior to alignment via justify-content and align-self, any positive free space is distributed to auto margins in that dimension.

So you can use one of these (or both):

p { margin-bottom: auto; } /* Push following elements to the bottom */
a { margin-top: auto; } /* Push it and following elements to the bottom */
Show code snippet

Alternatively, you can make the element before the a grow to fill the available space:

p { flex-grow: 1; } /* Grow to fill available space */

Similar codes

0 vote187 views1 answer
Css diplay grid text truncate
CSS
0 vote253 views1 answer
Remove focus blue lines from anchor tag
CSS
0 vote378 views1 answer
Center absolute suedo element
CSS
0 vote196 views1 answer
Deep selector
CSS
1 vote176 views2 answers
Overflow-x hidden not working
CSS
0 vote185 views1 answer
Get size of each file and folder in a directory
CSS
0 vote187 views1 answer
Override root css variables
CSS
16 votes195 views4 answers
Change background CSS
CSS
2 votes202 views1 answer
Css limit line text
CSS
0 vote187 views2 answers
Tailwind css disabled button
CSS