Как отцентрировать h1 в теле

Я попытался центрирования мой h1 в тег тела, как это:Как отцентрировать h1 в теле

h1 {margin:0 auto}

http://jsfiddle.net/qPDwY/

Но это не центр. Как это исправить?

источник

2014-01-10 user3182981

Используйте 'text-align: center' ... http://jsfiddle.net/9bSnT/ ..' h1' - элемент уровня блока с шириной 100% .. 'margin: 0 auto 'в этом случае не будет работать. –

'text-align: center'? 'h1' по умолчанию составляет 100%. – putvande

Маржа: 0 авто; Работает фиксированной или 100% шириной. Вы также можете использовать text-align: center; но это будет работать только до тех пор, пока ваша ширина на вашем сайте будет установлена на 100% или будет зафиксирована и центрирована. Другая вещь, о которой вы должны быть осторожны, - использовать text-align: center; будет центрировать все, если вы конкретно не укажете на конкретный вложенный h1, как здесь. yourclass h1 {text-align: center} – Cam

В этом случае:

h1 { 
    text-align:center; 
}

jsFiddle example

Маржа: автоматическое правило используется, когда вы установите ширину на элементе, который вы еще не сделали.

источник

2014-01-10 18:22:51 j08691

В качестве альтернативы, вы можете попробовать это:

h1 { 
    text-align: center; 
    margin: 0px auto; 
    display; block; 
}

источник

2014-01-10 18:26:41 timmyblog

По умолчанию h1 является элементом уровня блока и без ширины поля: 0 auto ничего не делает. – j08691

Вы можете расположить его в центре, установив ширину.

<body> 
    <h1>My Title</h1> 

</body>

CSS

h1 { 
    width:500px; 
    margin: 0 auto; 
    background: gray; 
    text-align: center; 
}

источник

2014-01-10 18:26:58 Ceres

-div стиль = "поле: 0 авто; выравнивания текста: слева; ширина: 80px;" - образец

изменения ширины для изменения позиция

источник

2014-01-10 19:13:16 user3183134

Как отцентрировать h1 в теле

ответ

Смежные вопросы