Boxen umsetzten

[Rolf B]

Hallo Bernd,

ich würde nicht an div und p denken, sondern an figure und figcaption.

Aber ja, ansonsten musst Du das so machen. Gib allen img die gleiche Breite, dann bekommen sie eine Höhe entsprechend ihres Seitenverhältnisses, und die figcaption landet darunter.

<section class="galerie">
<figure>
  <img src="..." alt="...">
  <figcaption>Dings</figcaption>
</figure>
<figure>
  <img src="..." alt="...">
  <figcaption>Bums</figcaption>
</figure>
</section>

.galerie {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
figure {
  flex: 0 0 300px;
  margin: 1em; padding: 1em; border: 1px solid red;
  background-color: #ccc;
}
figure img { width: 100%; background: white; }

flex oder grid, je nachdem, wie die Aufgabenstellung ist.

Rolf