Anordnung einiger Elemente im Grid

[RalphT]

Moin,

ich lege mir hier gerade die Karten und komme einfach nicht weiter.

Als Diskussionsgrundlage dient der Anhang.

Zum Problem: Ich habe hier ein Gridmodell. Das letzte Gridelement ist unten und geht über die ganze Seite.

Hier möchte ich, wie dargestellt, etwas weiter links vom Rand ein Foto haben und rechts neben dem Foto, soll die Beschreibung stehen. Dazu soll das Foto umrandet sein und rechts der Text soll die gleiche Größe der Umrandung haben, wie das Foto. Das ist hier im Anhang nicht der Fall.

Ok, die beiden Umrandungen sind hier schon soweit korrekt dargestellt. Sobald ich aber ein weiteres Foto unter dem ersten Foto haben möchte, dann wird das erste Textfeld ganz woanders angezeigt. Weiterhin habe ich keine Kontrolle, ob die Bildelemente nebeneinander oder untereinander angeordnet werden.

Wie bekomme ich das hin, dass ich die Fotos mit deren Beschreibung untereinander darstellen kann?

Ich habe im CSS eigentlich mehr oder weniger ohne Sinn und Verstand einiges ausprobiert.

Anbei noch das Negativbeispiel:

.