Я узнал несколько примеров в Интернете, но, очевидно, я что-то пропустил, потому что моя разметка не работает.
AFAIK это coude должно работать, но это не так. Зачем?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<body style="background: #cdc7ae" class=" ms-backgroundImage" spellcheck="false">
<div style="margin: 20px auto;">Hello!</div>
</body>
</html>
Вам нужно указать ширину в <div>
, например
<div style="margin: 20px auto; width: 200px">Hello!</div>
Так получается, что вы ищете:
<div style="margin: 20px auto; text-align: center;">Hello!</div>
Без установки ширины div
он будет на 100%
, поэтому мы можем использовать text-align: center
чтобы получить текст в центре. Нет необходимости переместить весь div
, установив в этом случае ширину.
Вы должны дать ширину вашему div. В противном случае он предполагает 100%
ширину и margin:auto
не вступает в силу.
100%
вы можете простоtext-align:center;