Cómo centrar la imagen en un div horizontal y verticalmente
Tengo el siguiente código de marca en mi página:
<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>
Y no aparece como esperaba, se ve así:
Pero quería obtener este resultado:
¿Cómo puedo centrar esta imagen horizontal y verticalmente?