♛ FORTRESS-DESIGN

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

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

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;
 }

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