Elemente Positionieren mit Flexbox

Druckversion

Das Eltern-Element muss im Stylesheet mit display:flex; bezeichnet werden. flex-wrap: wrap; erzeugt einen Umbruch. Als Richtung kann row oder column gesetzt werdenflex-direction: column; Die Elemente lassen sich zentrieren mit justify-content: center;

Mehr bei https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Flexbox

Beispiel:

<div style="display:flex; flex-wrap: wrap;justify-content: center;">

 <p>
  <img alt="EZB im Bau" src="bild1.jpg"
  style="width:200px;margin-right:10px;" />
 </p>
 <p>
  <img alt="EZB im Bau" src="bild2.jpg"
  style="width:200px;margin-right:10px;" />
 </p>
 <p>
  <img alt="EZB im Bau"
  src="bild3.jpg" style="width: 200px; " />
 </p>

</div>

EZB im Bau

EZB im Bau