Как центрировать изображение в div по горизонтали и вертикали

У меня на странице есть следующий код разметки:

<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>

И он выглядит не так, как я ожидал, он выглядит так:

Но я хотел получить такой результат:

Как мне центрировать это изображение по горизонтали и по вертикали?