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

use position absolute and margin like this

img.loading{
  position: absolute;
  left: 50%;
  margin-left: -(half ot the image width)px
}