Page 1
Page 2
Page 3 is longer
Page 4
nav ul { display: flex; justify-content: space-between; }
<nav> <ul> <li><a href="#">Page 1</a></li> <li><a href="#">Page 2</a></li> <li><a href="#">Page 3 is longer</a></li> <li><a href="#">Page 4</a></li> </ul> </nav>