Как поставить рядом два блока AdSense


До конца ноября каждый читатель моего блога может получить бесплатный комплексный аудит своего сайта


Чтобы разместить два блока Адсенс рядом, нужно сделать им относительное позиционирование с помощью свойства position: relative, (чтобы выдернуть их из потока) и добавить значение float, для указания по какому краю блок будет обтекать другие объекты.

2-adsense-block
MPFphotography / Shutterstock.com

Поместите каждый 336-й блок в div и присвойте ему соответствующий класс. А потом оба дива с блоками поместите в общий див, который сгруппирует их и не даст возможности просачиваться тексту между ними благодаря свойству clear: both.

Стиль для общего контейнера

.adsense-left, .adsense-right {
 position: relative;
 height: 322px;
 clear: both;
}

Стиль для позиционирования левого блока Адсенс

.adsense-left {
 float: left;
 }

Аналогичный стиль для позиционирования правого блока

.adsense-right {
 float: right;
 }
Понравилась статья? Поделиться с друзьями:
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

Перейти к верхней панели