3 Divs nebeneinander mit dynamischer Breite

[Denny]

Ahoi,

auf einer Website möchte ich folgendes realisieren:
es gibt mehrere Überschriften <h4>, welche zentriert in einem Elternelement (z.b. #container) stehen und nun jeweils davor und dahinter einen Strich (Grafik, Ornament,...) erhalten sollen. Dies wollte ich mit 3 nebeneinander floatenden Divs erreichen.
Also ca. so:
________________ ________________________ ______________
|      DIV1     |           DIV2         |      DIV3    |
|               |                        |              |
|~|Überschrift mit Breite X||
|               |                        |              |
|_______________|________________________|______________|

Wobei dann natürlich Breite1 + Breite2 + Breite3 = Breite#container. Das Problem hierbei: die Breite von DIV2 ist je nach Überschrift halt größer oder kleiner. Es sind also alle Breiten dynamisch, da von Breite2 abhängig.
Weiß jemand, wie man dies realisieren kann? Oder bin ich vll. auf dem falschen Pfad (3 Divs) mit :before und :after ist es ja nicht realisierbar.