Страницы

Поиск по вопросам

понедельник, 17 июня 2019 г.

Центрирование div по центру родительского div

Вопрос избитый, но справиться не могу. Есть внешний div c внутренним дивом и картинкой во всю ширину
Не могу отцентрировать текст поверх картинки

Text

css
.one { background-color: #ccc;
} .two { width: 40%; height: 40%; margin: 0px auto; text-align: center; }
.full { width:100%; height: auto; }


Ответ

Применяем абсолютное позиционирование+margin:auto;
* { margin: 0; padding: 0; } .one { background-color: #ccc; position: relative; } .two { width: 40%; height: 40%; margin: 0px auto; text-align: center; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; background: #ccc; } .full { width: 100%; height: auto; }

Text

Комментариев нет:

Отправить комментарий