HTML img align = "middle" funktioniert nicht

Ich bin neu in HTML.

So ist diese Frage möglicherweise so einfach zu beantworten.

Ich möchte, dass ein Bild zentriert ausgerichtet wird. Die Bildgröße ist in Pixel festgelegt.

So was ich will ist wie folgt-

.

Was ich getan habe ist-

        <!DOCTYPE html>
<html>
<body>

    <img
        src="http://icons.iconarchive.com/icons/rokey/popo-emotions/128/big-smile-icon.png"
        width="42" height="42"
        align="middle"
        style="float: left;
          position: relative;
          display: block;
          margin-left: auto;
          margin-right: auto;
          z-index: 1;"
        >

</body>
</html>

Aber ich bekomme-

Ich möchte, dass es reagiert.

ann mir bitte jemand helfe

ielen Dank im Voraus für Ihre Hilf

Antworten auf die Frage(12)

Ihre Antwort auf die Frage