Gernot Back: Warum wirkt display:inline hier nicht? Wo ist der Fehler?

Beitrag lesen

Hallo ww,

Der Denkfehler von mir war, dass ich ja schlecht ein block-Element in ein inline-Element packen kann. Aber wie kriege ich es dann hin, dass der Text "X Kommentare" unterhalb des Bildes kommt? Jetzt mache ich erstmal Pause und ess etwas, in der Hoffnung, dass mein Hirn danach freigepustet ist :-)

Du könntest zu Layout-Missbrauchszwecken mit Tabellen arbeiten: Bild jeweils in oberer Zeile, Bildunterschrift jeweils in unterer Zeile, den Tabellen je nach Auffassungsgabe des Browsers display:inline bzw. display:inline-table verpassen.

Dann lassen sich deine Inline-Tabellen bündig auf einer Zeile und sogar auch über ein Text-Align im Elternelement zentriert oder im Blocksatz ausrichten. Wenn du so etwas gar nicht beabsichtigst, nimm einfach Float.

Gruß Gernot