h1 не будет центрировать выравнивание

Question

Я установил h1 «Наши бренды», чтобы выровнять по центру, но он кажется слегка расположенным справа от центра. почему это происходит?

https://codepen.io/fjenpen/pen/pROPov

body { 
    background-image: url("http://media.istockphoto.com/photos/repairing-lawn- mower-engine-picture-id500782948"); 
    background-repeat: no-repeat; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    background-position: center; 
    text-align: center; 
    text decoration: none; 
    color: #ffffff; 
    font-family: arial; 
} 

h1 { 
    text-transform: uppercase; 
    color: #ffffff; 
} 

Answer 1

Смотрите обновленный codepen. Ключ следующие строки:

ul { 
    padding-left: 0 
} 

текст «Наши бренды» заворачивают в ul#menu, который автоматически получает некоторое дополнение. Вам нужно это прояснить.

Answer 2

Ваш ul имеет значение по умолчанию padding-left. Обновите это до padding-left: 0;, и текст будет в центре.

Answer 3

Снимите прокладку из ul тега:

<ul id="menu" style="list-style-type: none;padding:0px;margin:0px;">