title: How to put logo and text side to side
body: <p>I'm struggling to put side to side a logo and contact information on HTML header through CSS. Here what I've done so far:</p>
  
  <pre><code>&lt;div id="Principal"&gt;
      &lt;header&gt;
          &lt;img id="Logo" src="decoupe/logo.png" alt="logo" /&gt;
          &lt;h2 id="Titre"&gt;ENGLISH | OFFRES D'EMPLOIS&lt;/h2&gt;
          &lt;div style="display:block;text-align:left"&gt;&lt;img align="left" src="decoupe/tel.png" border="0"&gt;CONTACTEZ-NOUS&lt;br&gt;
          450.378.0413&lt;br&gt;
          1.800.567.1827&lt;/div&gt;
     &lt;/header&gt;
  </code></pre>
  
  <p>Here's the CSS:</p>
  
  <pre><code>#Principal
  {
      width:1000px;
      margin: auto;
      border: solid 1px;
  
  }
  #Logo
  {
      display: inline-block;
      margin-left: 25px;
      margin-top: 25px;
  
  }
  #Titre
  {
      display: inline-block;
      vertical-align: top;
      width: 75%;
      float: right;
      text-align: center;
  
  }
  </code></pre>
  
  <p>What I've done wrong since I want to add background image file with it?</p>