center

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" />

CSS:

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

background image mittig im div platzieren

#header
{
  width: 100%;
  height: 142px;
  background-image: url('./images/header.png');
  background-repeat: no-repeat;
  background-position: 50% 100%;
}