CSS: Очистить текст с плавающей запятой, но не с других поплавков

Question

Я работаю над веб-проектом, в котором я хотел бы очистить текст с правой и левой стороны от div, но дать другим div-элементам возможность плавать вдоль него. Я полагал, что атрибут float был лучшим способом сделать это, но атрибут «clear» CSS влияет только на другие типы с плавающей точкой, а не на текст.

Результат будет выглядеть примерно так (надеюсь, вам всем нравится ASCII art!)

________________________________________________
| This is a long line of text that is going    |
| to wrap around multiple lines.  It wiil be   |
|     ________________       ________________  |
|     | First Div    |       | Secondary Div | |
|     | declared in  |       |_______________| |
|     | previous line|                         |
|     |______________|                         |
| interrupted by the divs that are declared in |
| the line itself.                             |
|______________________________________________|

Дивы могут начинаться где угодно в строке. В этом случае, скажем, первый div был объявлен со словом «wrap», а второй после «It».

Кто-нибудь знает решение для этого?

Answer 1

Вам нужен javascript (jQuery), чтобы сделать что-то подобное.

Мало того, что div удаляются из потока, но и пространство должно быть измерено, и дополнительные div должны быть добавлены, если есть место Это может быть сложно, быстро.

Answer 2

Извините, нет решения для вашей проблемы.Div и другие блочные элементы могут «общаться» только с элементами, но не с TEXT.

PS.Единственное решение - разделить текст и обернуть его некоторыми элементами (например, параграфом).