Много раз, просматривая Интернет страницы на различных сайтах, как на русско-язычных, так и в англо-язычном секторе, заметил, что не у всех, получается "вписать" рекламные блоки, в частности я говорю об Google AdSense, в свой контент. И поверьте, смотрится это не очень хорошо, тем более, что такой подход плохо будет играть на кликабельность. Кто-то может со мной не согласиться, что ж - его право, но во многих советах по AdSense говориться именно о том, чтобы сделать объявления похожими внешне на ваш сайт.

Мы тут не будем говорить об цветовых сочетаниях, размерах и формах объявлений. Наша цель, показать, как с помощью CSS можно красиво расположить свои объявления. Итак...

Рассмотрим свойства элемента float.

Описание

Определяет, по какой стороне будет выравниваться элемент, при этом остальные элементы будут обтекать его с других сторон. Когда значение параметра float равно none, элемент выводится на странице как обычно, самое большое — одна строка обтекающего текста может быть на той же линии, что и сам элемент. Имеет три аргумента: float: left | right | none

Аргументы

left

Выравнивает элемент по левому краю, а все остальные элементы, вроде текста, огибают его по правой стороне.

right

Выравнивает элемент по правому краю, а все остальные элементы огибают его по левой стороне.

none

Обтекание элемента не задается.

Теперь рассмотрим конкретный пример, как можно применить float на практике.

Конечно, существуют и другие способы, как расположить модули с рекламой в удобном месте. Их можно рассмотреть в комментариях. Будет очень приятно, если вы поделитесь своим опытом с другими.