Page 1
Page 2
Page 3 is longer
Page 4
nav ul { display: flex; } nav li { flex: auto ; }
<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>