Hallo zusammen, ich möchte gerne folgende Elemente auf meiner Startseite zentrieren, dazu habe ich folgenden Code genutzt, aber leider sind die Bilder linksbündig, während die Texte korrekt zentriert angezeigt werden. Kann mir bitte jemand helfen, den Fehlerteufel zu finden und den Code korrigieren? Das wäre fantastisch, denn ich kenne mich mit HTML nicht so gut aus und habe mir das nur zusammengeschustert und komme gerade absolut nicht weiter. Herzlichen Dank vorab! Code: <h2 class="font_8" style="text-align: center;"><span style="font-size:20px;">Die Zimelie Qualität</span></h2> <div class="container"> <div class="row"> <div class="col-md-3" style="text-align: center;"> <img align="middle" alt="Handgemachter Schmuck aus Berlin Pankow" class="img-responsive" src="images/Icons_Mini-08.png" style="max-width: 150px;float: center" /><br /> <strong>Handgemacht</strong><br /> Unikatschmuck aus Berlin </div> <div class="col-md-3" style="text-align: center;"> <img alt="Sozialer Holzschmuck" class="img-responsive" src="images/Icons_Mini-09.png" /><br /> <strong>Sozial</strong><br /> Zimelie unterstützt ein soziales regionales Projekt </div> <div class="col-md-3" style="text-align: center;"> <img alt="Nachhaltiger Holzschmuck" class="img-responsive" src="images/Icons_Mini-06.png" /><br /> <strong>Nachhaltig</strong><br /> Haselnüsse aus Bioanbau </div> <div class="col-md-3" style="text-align: center;"> <img alt="Holzschmuck Onlineshop versandkostenfrei" class="img-responsive" src="images/Icons_Mini-07.png" /><br /> <strong>Versandkostenfrei</strong><br /> Ab 50€ (innerhalb DE) </div> </div> <br /> </div>
Hab die Lösung gefunden Die Bildeigenschaften brauchten bei Stil folgende Einstellung: "display:block; margin-left:auto; margin-right: auto"