Hallo,
ich habe jetzt folgendes gemacht:

<figure style="float: left; max-width: 100%">  
  <img src="/fotos/f1.jpg" alt="...">  
  <figcaption>  
    Das Bild zeigt .....  
  <figcaption>  
</figure>  
<figure style="float: right; max-width: 100%">  
  <img src="/fotos/f2.jpg" alt=".....">  
  <figcaption>  
    Das Bild .........  
  <figcaption>  
</figure>

(Ich weiß, dass die Style-Angaben in das CSS gehören)
Damit werden beide Bilder nebeneinander dargestellt und wie von mir gewünscht am linken/rechten Rand ausgerichtet.
Wenn ich nun aber das Fenster verkleinere, werden die Bilder untereinander dargestellt, leider aber durch die float-Angaben nicht direkt untereinander.
Erst wenn die Seite so klein wird, dass es nicht mehr anders geht, sind die beiden Bilder bündig untereinander.
Wie kann ich also erreichen, dass die Bilder, wenn sie untereinander dargestellt werden, zentriert untereinander stehen?
Danke
Peter