У вас уже есть text-align:center
на ul
.Это хорошее начало.Теперь просто добавьте это:
#menu li {
display:inline-block;
float:none; /* or just remove the float */
}
Это будет центрировать элементы навигации, но избавиться от этого тоже:
#menu {
left: -20px;
}
Это нарушает макет и делает первую ссылку не щелкающей.
У вас также есть некоторые дополнительные отступы, применяемые к :hover
, или что-то, что заставляет элементы списка «прыгать».Я бы посоветовал также заняться этим, чтобы ссылки не перемещались.