Mehrere Textrahmen in einer Zeile

[Stefan]

Hallo zusammen!

Ich suche nach einer Möglichkeit folgendes mit CSS zu realisieren:

Ich möchte in einer Zeile mehrere Rahmen hintereinander haben, deren Breite sich ihrem Inhalt (Text) anpasst. Etwa so:

------------------------------------------------
|    --------  --------  --------  --------    |
|    |Text 1|  |Text 2|  |Text 3|  |Text 4|    |
|    --------  --------  --------  --------    |
------------------------------------------------

Der große Rahmen außen herum ist ein DIV mit 100% Breite. Innerhalb dieses äußeren DIV sollen die Textrahmen zentriert sein. Ich möchte Hintergrundfarbe, Rahmen, Größe und Abstände der Textrahmen verändern können. Ich habe es mit DIVs und float versucht. Diese passen ihre Größe aber nicht an ihren Inhalt an, sondern teilen immer die gesamte verfügbare Breite unter sich auf.

Wie kann ich das machen?

Schönen Gruß,
Stefan