Center images with CSS

To center an image properly in a HTML page you have to make it a block element. This can be done with CSS like this:

HTML:

<img id="logo" src="images/timer.png" />

#logo{
  display: block;
  margin: 0 auto;
}