Text oberhalb von Bilder positionieren

Hallo zusammen,

hab’ auf meiner Homepage die Bilder folgendermaßen ausgerichtet.

Wie kann man nun oberhalb dieser Bilder einen blau hinterlegen Text positionieren?
Braucht man dazu unbedingt eine Tabelle oder geht das auch eleganter?

THX im voraus.

Moin.

Meinst Du sowas:

 Hula-Hula 

Schöne Grüße
Leo

Volltreffer! Dankeschön!

Jetzt habe ich einen Text in die Website mit einem Div-Container eingefügt.

TESTTEXT

Wie zentriere ich das ganze auf der Website?

THX im voraus.

Nachgefragt
Moin.

Ich muss nachfragen: Was soll zentriert werden?
Der Text innerhalb des div-Containers, oder der div-Container selbst? Ich bin da wegen des „left: 300px;“ etwas irritiert.

Schöne Grüße

Leo

[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]

Hallo,

es soll der DIV-Container selbst zentriert werden.
„left: 300px;“ ist die derzeitige Positionierung.

[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]

Moin.

Alles klar.

Variante 1:

 TESTTEXT 

Die Einfärbung dient dazu, denn div-Container sichtbar zu machen; es sieht sonst nicht zentriert aus. Der Trick besteht darin, left: 50% zu setzen, aber es mit margin-left: -206px (= 1/2 width) wieder nach links zu verschieben.
Den Trick habe ich aus dem Buch „Zen und die Kunst des CSS-Designs“ (ISBN: 3827322766 Buch anschauen)

Variante 2:

width: 411px;
margin-left: auto;
marigin-right: auto;

will bei mir nicht (menno!)

Schöne Grüße

Leo