Как поставить рядом два блока 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: :???: :?: :!: