title: Remove inner space in h1 tag
body: <p>Hi im a beginner in HTML and CSS! Im trying to get the proper alignment of a logo  and a title . Both of them should be on the same line. The problem is that i cant remove the inner space of the h1 and there is always a margin on top of the text (if i color the bg for the h1, i see that it extends further above the text). Is there a way to solve this or am i doing it wrong? I want both of them to be exactly the same height and in the exact same horizontal position (the top of the "T" in title should be at the top of the img and the same for bottom).</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;header&gt;
      &lt;img src="images/logo.gif" alt="logo"&gt;
      &lt;h1&gt;Title&lt;/h1&gt;
  &lt;/header&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>header
  {
      overflow:auto;
  }
  
  header img
  {
      float:left;
      width:55px;
      height:55px;
      margin-right:20px;
  }
  
  header h1
  {
      float:left;
      padding:0px;
      margin:0px;
      font-size:55px;
  }
  </code></pre>