Page 1
Page 2
Page 3 is longer
Page 4
nav ul { display: flex; gap: 20px; } .push-right { margin-left: 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 class="push-right"><a href="#">Page 4</a></li> </ul> </nav>