Почему мой текст не оборачивается вокруг моих изображений?

Question

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

пример: http://www.beatinganger.com/three-reasons-for-angry-children

Answer 1

удалите float: left; из #left_container p

, нет необходимости перемещать все абзацы, у вас уже есть изображение, плавающее внутри содержимого, поэтому это единственный, который должен перемещаться для pлюбой другой элемент, чтобы обернуть вокруг него

Answer 2

Похоже, вам может понадобиться добавить стили к изображениям, либо плавать влево, либо плавать вправо - не могу сказать наверняка, поскольку ссылка не работает.

Изменить: Этопотому что у вас есть width: 100% и float: left, установленный на #left_container p, а добавляемые вами изображения оборачиваются в p теги.Снимите ширину: 100% и поплавок: оставьте, и вы должны вернуться в бизнес.

, как говорит Клэр-Сузи, а ...

Answer 3

Поместите float в тег <img>. Но я советую избегать написания CSS в теге, хотя это не очень хорошая практика, если только вам это не нужно. Делай это внешне. Вы можете настроить таргетинг на изображение, набрав p img{ float: left; } (основной код), в зависимости от класса или идентификатора, который вы указали для тегов.