Centrado de Imagen en HTML

<!DOCTYPE HTML>
<html>
<head>
    <style type="text/css">
    .imgclass
    {
    background-color:#1122CC;
    text-align:center;
    }
    .imgclass img
    {
    margin:auto;
    }
    img
    {
    display:block;
    }
    </style>
<head>
<body>
    <div class="imgclass">
        <img width = 100% src="index.jpg">
    </div>
</body>
</html><!DOCTYPE HTML>
<html>
<head>
    <style type="text/css">
    .imgclass
    {
    background-color:#1122CC;
    text-align:center;
    }
    .imgclass img
    {
    margin:auto;
    }
    img
    {
    display:block;
    }
    </style>
<head>
<body>
    <div class="imgclass">
        <img width = 100% src="index.jpg">
    </div>
</body>
</html>