Center Align an Image

The easiest way to centre align an image in html is to wrap the <img> tag inside a <div> tag and text-align to center.

<!-- html elems -->
<div class="wrapper-img">
    <img src="images/pic.png">
</div>

/* css */
.wrapper-img {
    text-align: center;
}

Example of a centre aligned image using the above snippets: