title: How to set parallel DIVs?
body: <p>I want to have 3  aligned parallel to each other. I have seen few examples over internet but somehow they are not working for me. My html file is follows:</p>
  <pre><code>&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
  &lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
  &lt;head&gt;
  &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=iso-8859-1&quot; /&gt;
  &lt;script type=&quot;text/css&quot;&gt;
   #root {
      background-color: #eee;
  }
  
  #left_side {
      float: left;
  }
  
  #center_s {
      margin-left: auto;
      margin-right: auto;
      width: 65px;
      background-color: #ccc;
  }
  
  #right_side {
      float: right;
  }
  
  
  &lt;/script&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
  
  &lt;div id=&quot;root&quot;&gt;
      &lt;div id=&quot;left_side&quot;&gt;LEFT&lt;/div&gt;
      &lt;div id=&quot;right_side&quot;&gt;RIGHT&lt;/div&gt;
      &lt;div id=&quot;center_s&quot;&gt;CENTER&lt;/div&gt;
  &lt;/div&gt;
  
  
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>Thanks :)</p>