Как лучше всего центрировать элемент HTML внутри содержащего его элемента?
Вопрос
Допустим, у вас есть следующий фрагмент кода:
<div id="container">
<someelement>This is any element.</someelement>
</div>
Какой лучший CSS я мог бы использовать для горизонтального центрирования «какого-то элемента» внутри содержащего его div?
Решение
если ваш <someelement>
является встроенным элементом (т.е. по умолчанию отображает:встроенный) примените выравнивание текста:центр в свой контейнер.Если <someelement>
— это блочный элемент, для левого и правого поля которого установлено значение auto, и не забудьте установить ширину (по умолчанию блочные элементы занимают все доступное горизонтальное пространство, если ширина не указана явно).Возможно, вам придется использовать оба метода, если вы хотите, чтобы он работал и в IE 5.5 и ниже.
Другие советы
У JaredPar правильная идея, но есть более чистый способ сделать то, что вы ищете;)
#container {
text-align: center;
}
#container someelement {
margin: 0 auto;
text-align: left;
}
Пытаться
<someelement style="margin-left:auto;margin-right:auto">This is any element</someelement>