Есть ul с
display:flex; justify-content: center;, в нем есть 3 элемента. Два элемента из них расположены по левому и правому краю с использованием
margin-right: auto; и
margin-left: auto; соответственно. При этом, все элементы (и левый, и тот, что по центру, и правый) имеют разные размеры. Из-за этого получается так, что элемент, который должен быть расположен по центру, располагается скорее по центру между остальными элементами, а не по центру страницы, как задумано изначально. Как можно заставить элемент по середине центрироваться от страницы и не обращать внимание на элементы слева и справа?
Пример 
