Moin, Ich möchte im Header das Logo links haben, den Text exakt in der Mitte. Durch das logo links verschiebt sich der Text aber nach rechts. Wie bekomme ich den Text exakt in die Mitte? ~~~HTML <header> <div id="logo"> <img src="img/logo.png" width="180"> </div> <h1 id="menu">Lorem ipsum</h1> </header> ~~~ ~~~CSS header { text-align: center; } #logo { float: left; } ~~~ Liebe Grüße

Moin, Ich möchte im Header das Logo links haben, den Text exakt in der Mitte. Durch das logo links verschiebt sich der Text aber nach rechts. Wie bekomme ich den Text exakt in die Mitte? HTML: <header> <div id="logo"> <img src="img/logo.png" width="180"> </div> <h1 id="menu">Lorem ipsum</h1> </header> CSS: header { text-align: center; } #logo { float: left; } Liebe Grüße