center a picture on a web page using HTML

In this article, I will show you how to align images to the center. It’s very simple to align images on the WebPages. Normally,<img> tag is an inline element, so it acts differently over the elements.

So, you can nest the <img>  tag in the <center> tag. It will align images to center on the page. Most of the browsers support this (HTML5 elements).  

<center>

   <img src="images/generationlogo.png" alt="Generation Systems Chennai"
 class="img-responsive"/>

</center>