title: CSS, display inline and three divs
body: <p>I have this HTML code:</p>
  
  <pre><code>&lt;body&gt;
      &lt;div id="div0" style="display:inline; background-color:green; width:100%"&gt;
          &lt;div id="div1" style="display:inline; background-color:aqua;width:33%"&gt;&amp;nbsp;&lt;/div&gt;
          &lt;div id="div2" style="display:inline; background-color:red;width:33%"&gt;&amp;nbsp;&lt;/div&gt;
          &lt;div id="div3" style="display:inline; background-color:yellow;width:33%"&gt;&amp;nbsp;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>I want to fill the page with <strong>div1</strong>, <strong>div2</strong> and <strong>div3</strong> but they don't fill the entire width.</p>
  
  <p>What it's happening?</p>