HTML: Bilder – zentriert mit Inline CSS

Hier setzen wir das Zentrieren ohne externe CSS‑Klasse um – nur mit style= direkt am Element.

Am Anfang Immer

Hier dann der Code


  
    Beispiel
    
      <div class="note"><img src="portrait.jpg" alt="Portrait" 
     style="display:block; margin-left:auto; margin-right:auto; max-width:300px; border-radius:12px;"></div>
      Erklärung: display:block + margin-left/right:auto zentrieren das Bild. max-width begrenzt die Breite.