how to evenly distribute elements in a div next to each other?

Question

This is meant for a menu.
For example I have a div element with 3 spans in it, all of which have some margin, max-width and float (left or right).
It is positioned s

Answer 1

justify-content: space-betweenanddisplay: flex is all we needed, but thanks to @Pratul for the inspiration!