Изображение плавающей жидкости осталось без обтекания текстом

Нет причин, по которым этого должно быть трудно достичь. Раньше вы могли просто создать таблицу и поместить изображение в первую ячейку, а текст - во вторую. Проще простого.

По какой-то причине у меня чертовски много времени, чтобы заставить это работать с css, и я знаю css довольно свободно. Я уверен, что просто упускаю из виду простой, надеюсь, простой ответ.

Чего я хочу достичь:

  • Изображение с динамическим размером (извлекаемое из базы данных) перемещается влево - текст описания справа без обтекания под изображением, когда оно достигает высоты изображения.

Что не сработает:

  • Установка поля слева для текста (ширина изображения не согласована)
  • Установка ширины / плавающего вправо для текста (опять же, ширина изображения является динамической, поэтому правильная ширина текст будет неизвестен)

Пример кода (pre css):

<div class="demo">
    <img src="dynamic_sized_image.jpg" />
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>

Надеюсь, есть ответ !!

Спасибо!

18
задан mskfisher 25 May 2012 в 02:25
поделиться