title: Putting two <div> side by side
body: <p>I want to put two  side by side on another (I have three  )
  this is my code:</p>
  
  <pre><code>&lt;div class=Mheader &gt;
  &lt;div class=theader&gt;
  Meine Route !
  &lt;/div&gt;
  &lt;div class=imgcss&gt;
   &lt;img src="Images/Route1.png" width=600 height=100 /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>but the image always goes under the text .how can I solve this problem?
  my CSS is:</p>
  
  <pre><code>.Mheader
  {
      font-family: 'Trebuchet MS';
      font-size: larger;
      font-weight: bold;
      font-style: italic;
      text-transform: capitalize;
      color: #FFFFFF;
      background-color: #008800;
      width: auto;
      height: 100px;
  }
  .theader
  {
      font-family: 'Franklin Gothic Demi';
      font-size: xx-large;
      font-weight: bold;
      font-style: italic;
      line-height: normal;
      width: 250px;
      text-align: left;
      height: 100px;
  }
  .imgcss
  {
      text-align: right;
      width: 600px;
  }
  </code></pre>