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

18 votes281 views6 answers
Install bootstrap angular 9
CSS
3 votes205 views3 answers
Css brightness
CSS
17 votes205 views4 answers
Li remove dot css
CSS
0 vote211 views1 answer
Chrome extension css
CSS
0 vote193 views1 answer
How to hide some grid items from grid in css
CSS
8 votes231 views3 answers
Bootstrap file upload
CSS Bootstrap
0 vote207 views1 answer
Scss select all childs
CSS
8 votes197 views1 answer
How to align items in css
CSS
0 vote178 views1 answer
Bootstrap 5 tutorial
CSS
1 vote196 views1 answer
What is the username password for ftp lampp
CSS