Hello
How would I align the red box to the bottom?
Hi,
It all depends on the dynamics of the page.
I could give you code to do that effect but it would be nonsense without knowing what else was going to be going on on those sections and why that element needs to be at the bottom.
Fir example the red box could be placed absolutely at the bottom of that div by using position:relative on the parent and then positioning the child at bottom:0. Of course that removes it from the flow and would be no good unless it was always a fixed height box so that you could preserve the space with some padding on the parent.
Here’s some very old demos that may point you in the right direction.
Text at Bottom
Untitled Document
Vertical-align an element of unknown height
Vertical-align an element of unknown height
Vertical-align an element of unknown height