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; } |
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:
<img id="logo" src="images/timer.png" /> |
#logo{ display: block; margin: 0 auto; } |
HTML-Elemente werden grundsätzlich in zwei Arten unterschieden, undzwar in Inline und Block Elemente. Block-Elemente erzeugen einen Zeilenumbruch und können andere Inline-Elemente enthalten. Inline-Elemente hingegen erzeugen keinen Zeilenumbruch und dürfen auch keine Blöcke enthalten; nur weitere Inline-Tags sind gestattet.
HTML Inline und Block Elemente weiterlesen