title: Align 2 Divs side by side
body: <p>I've never had a problem with aligning divs side by side but for some reason no matter what I do it just doesn't work. I tried a few answers from stackoverflow but they didn't work either. I've run out of ideas. </p>
  
  <p>What I have are 2 divs. 1 div is "content" - it has all main info displayed in a table. Second div is "sidebar" - it has just some extra rubbish like images, twitter feed etc. </p>
  
  <p>This is my CSS</p>
  
  <pre><code>#content {
  width: 580px;
  height:auto;
  }     
  
  #sidebar {
  width: 270px;
  height:auto;
  float:right;
  </code></pre>
  
  <p>}</p>
  
  <p>I've tried to play with positioning, margins, containing those 2 divs in another - wrapper - one but it either doesn't work or creates another problem. Funny enough I am re-writing my old website and even if I copy the old attributes it still doesn't work. Anyone has any idea?</p>
  
  <p>EVERYONE IS ALLOWED TO LAUGHT! LOL</p>
  
  <p>SOLUTION: 
  Delete div #clear which I totally forgot about! What a muppet. :-P Now I feel stupid. :-P</p>