CSS: Effacer le texte autour d'un flotteur, mais pas d'autres flotteurs

Question

Je travaille sur un projet web où je voudrais effacer du texte du côté droit et gauche d'un div, mais donner à d'autres divs la capacité de flotter le long côté ça. J'ai pensé que l'attribut float était le meilleur moyen de le faire, mais l'attribut "clear" de CSS n'affecte que les autres flottants, pas le texte.

Le résultat ressemblerait à quelque chose comme ça (vous espérez tout l'art ASCII comme!)

________________________________________________ 
| 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.        | 
|______________________________________________| 

Les divs pourraient commencer sur la première ligne. Dans ce cas, disons que le premier div a été déclaré au mot "wrap" et le second après "It".

Quelqu'un sait d'une solution pour cela?

Answer 1

Vous avez besoin de javascript (jQuery) pour faire quelque chose comme ça.

Non seulement les divs sont retirés du flux, mais l'espace doit être mesuré et des divs supplémentaires doivent être introduits, s'il y a de la place. Cela pourrait devenir compliqué, rapide.

Answer 2

Désolé, pas de solution à votre problème. Div et d'autres éléments de bloc peuvent "communiquer" seulement avec des éléments mais non avec TEXT.

PS. La seule solution est de diviser le texte et de l'envelopper avec quelques éléments (paragraphe par exemple).