auto-resize a img fit into div

auto-resize a img fit into div

<div id="id15424" > <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGzu6Uujzf50jYBOZcNAmd2fvNHwpnixIS7tLOXGw90X0oYXsBZZMSrgRyJ34jLISlfxP5DKudXDIJ-7n-g_FAtVzzKbpoqFsH5OdPZ23iC22GWE6k4-ug8pWrnvM7G8AGKMudXJahUCWb/s320/20190213_Jenny_60age_015.jpg" width="auto" height="aoto" /> </div> <style type="text/css"> #id15424{ position: relative; width:100%; height:100%; background-color: #888;} #id15424 img{border: 10px solid white; max-height: 80%; max-width: 80%; position:absolute; margin:auto; top:0; right:0; bottom:0; left:0; } </style>

00