Center an image horizontally using CSS

Question

I am trying to center a image horizontally using css.

I am displaying my image on the screen with the following HTML code:

Answer 1

Try this for your CSS:

.center img {        
  display:block;
  margin-left:auto;
  margin-right:auto;
}

and then add to your image to center it:

class="center"