How come 'top' and 'bottom' is working?

Question

It is said that floating can be done horizontally left or right but top anf bottom is also working.

Answer 1

you can use flexbox to do this. ( https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes )