Text und Bilder zentrieren

Thema wurde von jessica_p, 10. August 2020 erstellt.

  1. jessica_p

    jessica_p Mitglied

    Registriert seit:
    29. Dezember 2017
    Beiträge:
    24
    Danke erhalten:
    2
    Danke vergeben:
    14
    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!

    [​IMG]

    Code:
    <h2 class="font_8" style="text-align: center;"><span style="font-size:20px;">Die Zimelie Qualit&auml;t</span></h2>
    &nbsp;
    
    <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&uuml;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&uuml;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&euro; (innerhalb DE)
            </div>
        </div>
        <br />
        &nbsp;
    </div>
     
  2. jessica_p

    jessica_p Mitglied

    Registriert seit:
    29. Dezember 2017
    Beiträge:
    24
    Danke erhalten:
    2
    Danke vergeben:
    14
    Hab die Lösung gefunden :) Die Bildeigenschaften brauchten bei Stil folgende Einstellung:

    "display:block; margin-left:auto; margin-right: auto"