CSS richtet drei divs horizontal aus - css

Ich habe ein Problem, das drei Divs innerhalb eines übergeordneten Divs ausrichtet. Ich brauche den folgenden Effekt

|IMAGE| +TEXT+ |IMAGE|

Jedes Div enthält ein Bild (2) und den Text (1).beziehungsweise. Das Ausrichten ist einfach, das Problem ist, dass ich möchte, dass das CENTER div auf die Breite des Browsers automatisch breit wird und die anderen IMAGE divs immer auf der rechten und linken Seite bleiben.

So ähnlich, zum Beispiel, wenn der Benutzer das Fenster maximiert:

|IMAGE| +++++++++++++++++++TEXT++++++++++++++++++++++++ |IMAGE|

Wie Sie sehen können, besteht die Idee darin, dass das mittlere div wächst und die Breite automatisch, aber die Struktur beibehalten wird.

Wie könnte ich dieses Verhalten bekommen? Danke im Voraus.

Antworten:

#container { text-align: center; }
#div-1 { float: left; }
#div-2 { display: inline; }
#div-3 { float: right; }

Wenn sich das immer noch nicht wie gewünscht verhält, geben Sie bitte genauere Anforderungen an.

Hier ist eine weitere Inline-Implementierung für drei Bilder nebeneinander:

<div style="text-align:center">

<div style="float: left"><img src="/images/image1.png"/></div>

<div style="display: inline"><img src="/images/image2.png"/></div>

<div style="float: right"><img src="/images/image3.png"/></div>

</div>