Ошибка CSS в меню навигации

Question

Я создаю свое портфолио.При этом я просто сталкиваюсь с ошибкой в ​​верхнем меню.Выравнивается по левому краю.Я старался изо всех сил, чтобы решить эту проблему.Мне нужно, чтобы это было по центру.Кто-нибудь может мне помочь, пожалуйста!Url http://jilsonthomas.com

Также нижний колонтитул не распространяется на стороны потока.(слева и справа), пожалуйста, помогите ....

Ура ...

Answer 1

Вы можете центрировать меню, сделав список встроенным элементом с display: inline-block; и указав text-align:center; для его родителя div#menu.

#menu{
    ...
    text-align:center;
}

#menu ul{
    ...
    display:inline-block;
    margin:0;
    padding:0;
}

Другой вариант - установитьна ширину списка и оставьте его блочным элементом и укажите поля влево / вправо автоматически, но это было бы довольно хакерски.и обивка на теле.Это маржа в этом случае, но хорошо бы удалить их обоих.Я не уверен, но это может варьироваться от браузера к браузеру.

body{
    margin:0;
    padding:0;
}

Также вы можете использовать CSS reset , чтобы избежать всевозможных проблем, подобных этой.

Надеюсь, это поможет вам,
Алин