Zentrierung von Bild und nebenstehendem Text

[Matthias Scharwies]

Hallo,

Die Zentrierung passt aber

1. das Bild wird riesengroß
2. der Text steht nicht neben sondern unter dem Bild.

Hallo Klaus,
ich habe hier mal die Breite von 90% auf das Doppelte meines (kleinen) Bildes geändert:

http://www.jsr-hersbruck.de/site/subdomains/versuch-mit-figure.html

Das einzige was ich noch geändert habe, war das float:left; das dafür gesorgt hat, dass sie nebeneinander stehen und den grauen Hintergrund. Damit es gut aussehen soll, musst du <figcaption> Hintrgrund, Textfarbe und Rand nach deinem Geschmack anpassen, evtl. noch eine feste Höhe (die des Bildes) geben und den Text vertikal zentrieren.

Die hier vorgestellte Lösung:
http://foreninfo.bplaced.net/seiten_fremdprobleme/2014_03_01_text_neben_bild.html

ist eleganter, aber das clearfix und border-box etwas schwerer zu verstehen. Trotzdem sollte es reichen, das zu kopieren und durch Herumprobieren auf der eigenen Seite einsetzen zu können.

LG Matthias