При размещении рекламы у себя на сайте, часто возникает необходимость вывести её по центру.
Казалось бы, чего проще, есть много способом выровнять по центру объект с помощью CSS. Но сложность заключается в том, что при загрузке рекламы выводятся разные форматы. В один раз это может быть текстовое объявление, в другой баннер, а в третьей ещё что-то. И для каждого из этих объектов может не подойти определённый вид выравниваний.
Например, разные блоки рекламы выводят Рекламная сеть Яндекса (РСЯ) или Google Adsense или любые другие сети RTB.
К счастью, есть универсальный способ, который подходит для всех объектов. Для этого нужно принять блок за условную таблицу и отцентрировать её по центру.
Как выровнять блоки РТБ от РСЯ по центру?
Создаём стиль:
display: table;
margin: 10px auto;
}
Первый параметр в margin делает отступ от верха и низа, второй выравнивает блок по центру.
Вставляем созданный стиль в рекламный div РТБ от РСЯ:
Для всех остальных рекламных блоков, в том числе и для блоков не связанных с РСЯ, этот метод выравнивания тоже работает.
актуально в 2019 году. Работает. Спасибо