Comment créer un conteneur HTML qui remplira tout largeur disponible entre les deux éléments flottants?

Voici un schéma de ce que je veux pour le rendu, et aussi simple qu'il semble que je ne peux pas trouver un moyen de code le conteneur entre les deux éléments flottants...:

 ----------                                                ---------- 
|          | Some text text text text text text text text |          |
|          | text (in a <p> element).                     |          |
| float:   |  ------------------------------------------  | float:   |
|   left;  | |      The container I want to create      | |   right; |
|          |  ------------------------------------------  |          |
|          | Some other text text text text text text tex |          |
 ----------  text text text text text text text text text |          |
text text text (in another <p> element).                  |          |
                                                           ---------- 

La largeur de chacun des deux éléments flottants est inconnu et peut varier, donc je code le conteneur de manière indépendante de ceux-ci (ainsi que je ne peux pas changer leur code). Et je veux avoir ses bordures gauche et droite le long de la frontière des éléments flottants.

Par exemple, si j'utilise un élément div (avec display:block) à sa gauche et à droite de la bordure sont sous les deux éléments flottants... Si j'utilise un élément de tableau (ou un div avec display:table) il ne remplit pas toute largeur disponible si il n'y a pas de texte intégral ligne...

Je parie qu'il y est une solution simple, mais je ne peux pas le trouver! Merci pour toute aide!

InformationsquelleAutor Socce | 2010-08-02