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

I have managed to do it with the following css combination:

text-align: justify;
text-align-last: justify;
text-justify: inter-word;