Ich versuche etwas, das ziemlich einfach sein sollte, aber ich kann nicht herausfinden, wie ich es machen soll.

Ich habe HTML-Quelle wie folgt:

<div class="product">
  <img src="product123.png" />
</div>`

Und ein paar CSS:

.product {
    width: 460px;
    height: 460px;
}

.product img {
      margin: auto;
      display: block;
}

Mein Bild ist gut horizontal ausgerichtet, aber nicht vertikal. Ich habe es mit einigen versuchtposition: relative; / bottom: 0; Feature, aber es hat nichts geändert ...

Irgendeine Idee, Jungs?

Danke für deine Hilfe !

PS: Ich habe diese Lösung gefundenzentriere <IMG /> in einem <DIV> mit CSS aber ich würde es vorziehen, mein HTML so zu halten und es scheint unglaublich, es nicht "auf meine" Art tun zu können.