HTML/CSS positioning “float: bottom”
Given the following HTML:
I would like
#copyright to stick to the bottom of
Can I achieve this without using absolute positioning? If the float property supported a value of ‘bottom’ it seems that would do the trick, but unfortunately, it doesn’t.
The flexbox approach!
In supported browsers, you can use the following:
The solution above is probably more flexible, however, here is an alternative solution:
As a side note, you may want to add vendor prefixes for additional support.