title: How to align divs side by side without overlapping?
body: <p>How can i arrange the div's in such a way that box1 will appear to the left and box2 to the center and box3 to the right, without overlapping?</p>
  
  <pre><code>    &lt;!DOCTYPE html&gt;
      &lt;html&gt;
      &lt;head&gt;
      &lt;title&gt;example&lt;/title&gt;
      &lt;/head&gt;
      &lt;body&gt;
      &lt;div id="box1"&gt;&lt;/div&gt;
      &lt;div id="box2"&gt;&lt;/div&gt;
      &lt;div id="box3"&gt;&lt;/div&gt;
      &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>