title: Div tag, aligning in straight line
body: <p>I have 3 div tags. I have to place it in straight line. in my code it is 2,3,4. 2 and 3 are in straight line but 4 comes downward dono why. I am beginner to html and css. accurately my project is to make a room in perspective view in html. and draw the contents using html canvas.But struck in beginning itself. Experts please help me a way out. I attache my whole project in Jsfiddle and scenario i need solution is written below.</p>
  
  <p><a href="http://jsfiddle.net/kGpdM/855/" rel="nofollow">http://jsfiddle.net/kGpdM/855/</a></p>
  
  <pre><code>Html:
  
  &lt;div id="wall"&gt;
  &lt;div id="sidewall1" align="left"&gt;2&lt;/div&gt;
  &lt;div id="center" align="center"&gt;3&lt;/div&gt;
  &lt;div id="sidewall2" align="right"&gt;4&lt;/div&gt;
  &lt;/div&gt;
  
  css:
  
  #sidewall1 {
  float:left;
  width:250px;
  height:500px;
  }
  #sidewall2 {
  float:right;
  width:250px;
  height:500px;
  }
  </code></pre>