<!-- Un elemento a la izquierda --><navclass="main-nav"><ulclass="menu"><!-- Empuja el resto de los items de menú hacia la derecha --><liclass="menu__item to-left"><aclass="menu__link" href="#">Solo a la izquierda</a></li><liclass="menu__item"><aclass="menu__link" href="#">Item 2</a></li><liclass="menu__item"><aclass="menu__link" href="#">Item 3</a></li><liclass="menu__item"><aclass="menu__link" href="#">Item 4</a></li><liclass="menu__item"><aclass="menu__link" href="#">Item 5</a></li></ul></nav>
<!-- Un elemento al centro --><navclass="main-nav"><ulclass="menu"><liclass="menu__item"><aclass="menu__link" href="#">Item 1</a></li><liclass="menu__item"><aclass="menu__link" href="#">Item 2</a></li><!-- Empuja los elementos a los lados quedando centrado --><liclass="menu__item centered"><aclass="menu__link" href="#">Centrado</a></li><liclass="menu__item"><aclass="menu__link" href="#">Item 4</a></li><liclass="menu__item"><aclass="menu__link" href="#">Item 5</a></li></ul></nav>
<!-- 3 elementos al centro --><navclass="main-nav"><ulclass="menu"><liclass="menu__item to-left"><aclass="menu__link" href="#">Solo a la izquierda</a></li><liclass="menu__item"><aclass="menu__link" href="#">Item 2</a></li><liclass="menu__item"><aclass="menu__link" href="#">Item 3</a></li><liclass="menu__item"><aclass="menu__link" href="#">Item 4</a></li><liclass="menu__item to-right"><aclass="menu__link" href="#">Solo a la derecha</a></li></ul></nav>
<!-- Un elemento a la derecha --><navclass="main-nav"><ulclass="menu"><liclass="menu__item"><aclass="menu__link" href="#">Item 1</a></li><liclass="menu__item"><aclass="menu__link" href="#">Item 2</a></li><liclass="menu__item"><aclass="menu__link" href="#">Item 3</a></li><liclass="menu__item"><aclass="menu__link" href="#">Item 4</a></li><liclass="menu__item to-right"><aclass="menu__link" href="#">Solo a la derecha</a></li></ul></nav>