@Dubrovin

Как отцентрировать inline-block элемент через собственные свойства?

Есть div с inline-block внутри другого div с любым из значений text-align:
<div class="parent" style="text-align:left||center||right">
	<div class="child" style="display:inline-block">Text</div>
</div>

Если родителю задан text-align, то дочерний div выравнивается в соответствии с этим значением.
Если дочернему div задан класс right, left или center, то text-align родительского div игнорируется, и применяется выравнивание в соответствии с классом.
Классы left и right можно создать через свойство float left и right соответственно.
Вопрос: какие свойства должны быть у класса center, чтобы эта схема работала?

p.s. Пробовал через transform:translateX(-50%); left: 50%, но эта схема ломается при text-align: center или right.
Margin left, right в значении auto тоже не работают с inline-block.
  • Вопрос задан
  • 114 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы