Поиск по тегу

HTML

Найдено: 22 записи

Ни о чём →
Центрирование div'ов в div'ах

Столкнулся с некоторой проблемой, но решилось :)
Суть: в (x)html-файле есть два div, один контейнер, другой объект. Второй, само сабой, находится в первом. Требуется объект оцентровать относительно контейнера. Попытка сделать так:

<html>
  <body>
    <div style="text-align: center;">
      <div style="border: 1px #000000 solid; width: 400px;">123</div>
    </div>
  </body>
</html>

ни к чему хорошему не приводит — объект остается по левому краю. В тоже время

<html>
  <body>
    <center>
      <div style="border: 1px #000000 solid; width: 400px;">123</div>
    </center>
  </body>
</html>

работает.

Выход простой — отступы от границ объекта (margin) привести к виду «0 auto»:

<html>
  <body>
    <div style="text-align: center;">
      <div style="border: 1px #000000 solid; width: 400px; margin: 0 auto;">123</div>
    </div>
  </body>
</html>