HTML, плавающий, небольшая проблема, кажется простым

Question

Если вы посмотрите на мой Пример Jsfiddle , кажется, что float игнорирует текст заголовка, который находится слева от плавающего элемента.Моя цель состоит в том, чтобы сделать плавающий элемент не перекрывающим текст заголовка и остановиться, как только он достигнет конца div, который является текстом заголовка

Мои вопросы, возможно ли это?Я просто не хочу, чтобы он перекрывал элемент, который находится слева от плавающего элемента.Заранее благодарим за советы, предложения и пр.

Jsfiddle.net

Answer 1

Удалите Position: Relative из вашего #advertisement_1 div и в HTML поместите его над заголовком div.

Ниже приведен обновленный JSFiddle, с которым он работает, вам может потребоваться настроить верхнее значение в вашем CSS для рекламного блока, если оно должно отличаться от того, что находится в скрипке.

http://jsfiddle.net/f5j2z/