float:right и float:left в соседних элементах

[uitrix]

Допустим, есть:

<img src="logocss.gif" width="95" height="84" style="float:right"/>
<p style="float:left; width:100%;">
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
</p>

Хочется, чтобы p выбрал ширину такую, что б его не сносило вниз, а обтекало. Так случилось, что параметр float:left ему при этом нужен..

[ruslan.savenok]

Вы хотите чтобы текст не проваливался под изображение когда его много?

[seemax]

<p style="float:left; width:100%;">

Оба эти свойства лишают вас милой картинки обтекания текста слева.

Т есть вы дважды перечеркнули эту возможность. Всё нормально, каждый ошибался!

1) float:left уравнивает оба элемента (и картинку, и параграф) в том, что они равноправно вырваны из нормального потока страницы и значит строятся друг над другом, как и положено равноправным элементам.

2) width:100%; задает конкретно ВСЮ ширину контейнера, в котором находится параграф. И опять ему некуда деваться, он под картинкой т как очень широк.

Оба свойства параграфа убрать и наслаждаться обтеканием.