Fake Float Center

[cartman23]

Hallo zusammen, ich habe eine Frage.

Und zwar möchte ich eine Bildergalerie erstellen, bei der Bilder "center floaten". Diese Anweisung gibt es natürlich nicht, allerdings funktioniert es durch text-align:center erst mal genau so wie ich es will. Sprich, Bilder stehen nebeneinander und wenn in einer Zeile kein Platz mehr ist, bricht das Bild zentriert in die nächste Zeile. Fluid eben ...

Nun ist mein Problem, dass das nur funktioniert, wenn die Bilder "nackt" auf der Seite stehen. Packe ich jedes Bild in ein Div, floaten sie nicht mehr und sitzen untereinander.

Aber seht selbst:
Edit fiddle - JSFiddle

Ich hätte also gerne den Effekt wie im oberen Beispiel, gleichzeitig jedoch noch die Möglichkeit zB. Text über jedes Bild zu platzieren (daher in div-tags packen).

Gibt es da eine Lösung? Vielen Dank schon mal für jede Hilfe!

 

[j-l-n]

Edit fiddle - JSFiddle -

display:inline;

ist die Lösung.

PS: dir ist klar, dass IDs - wie schon der Name sagt - eindeutig sind und nicht zweimal verwendet werden dürfen?

 

[cartman23]

Ups, ja das war noch auf die schnelle aus einem alten Code kopiert und machte in dem Zusammenhang hier keinen Sinn.

Aber viel wichtiger, Danke für die schnelle Antwort! Ich habe viel zu kompliziert gedacht.

 

[j-l-n]

Bitte - gerne.

 

[kkapsner]

Oder du verwendest <span>s...

Fluid eben ...

Naja - das ist nicht fluid, sondern ganz normaler zentrierter Text. Fluid wäre, wenn Text links und rechts an den Bildern dann vorbeifließen würde...