Каков наилучший способ центрировать элемент HTML внутри содержащего его элемента?

Question

Допустим, у вас есть следующий фрагмент кода:

<div id="container">
  <someelement>This is any element.</someelement>
</div>

Какой лучший CSS я мог бы использовать для горизонтального центрирования "someelement" внутри содержащего его div?

Answer 1

JaredPar имеет правильную идею, но вот более чистый способ сделать то, что вы ищете;)

#container {
    text-align: center;
}

#container someelement {
    margin: 0 auto;
    text-align: left;
}

Answer 2

, если ваш <someelement> является встроенным элементом (т.е. по умолчанию отображается: inline), примените text-align: center к своему контейнеру. Если <someelement> является элементом блока, установите для левого и правого поля значение auto и не забудьте установить ширину (по умолчанию элементы блока занимают все доступное горизонтальное пространство, если ширина не указана явно). Возможно, вам придется использовать оба метода, если вы хотите, чтобы он работал в IE 5.5 и ниже.

Answer 3

Попробуйте

<someelement style="margin-left:auto;margin-right:auto">This is any element</someelement>