Как разместить вложенный div у div по центру

При вёрстке страницы изначально всё расчитано на выравнивание по левому краю. Очень много сайтов, документов именно так и работают. Но с появлением мобильных устройств левое выравнивание выглядит нелепо. Это когда экран и так маленький, а картинки и текст все сбоку. Не смотря на наличие этой проблеммы, такие фреймворки как bootstrap не сделали ничего в пользу автоматического размещения по центру.

Для исполнения протокола "Mobile First" поисковой компании Google, нужно знать, как размещать элементы по центру. Устаревший метод размещения элементов по центру - это использование таблиц. Таблицы позволяют центровать элемент как по горизонтали, так и по вертикали. Анализ исходного кода показал, что даже совремённая програма для создания HTML5 анимации Hippani Animator использует таблицы для элементов анимации, там почти все элементы сидят в своей таблицы.

Читать полностью