The easiest way to center align an image in html is to wrap the img inside a div and set text-align to center for the div.

<div class="wrapper-img">
    <img src="images/pic.png">
</div>
.wrapper-img {
    text-align: center;
}

Example of a center aligned image using the above snippet.