Ich habe den folgenden Markup-Code auf meiner Seite:

<code><div id="root_img" style="width:100%;height:100%">
    <div id="id_immagine" align="center" style="width: 100%; height: 100%;">
        <a id="a_img_id" href="./css/imgs/mancante.jpg">
            <img id="img_id" src="./css/imgs/mancante.jpg" />
        </a>
    </div>
</div>
</code>

Und es sieht nicht so aus, wie ich es erwartet habe:

Aber ich wollte dieses Ergebnis bekommen:

Wie kann ich dieses Bild horizontal und vertikal zentrieren?