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

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