title: PHP generated content divs auto expand to fit wrapper div width
body: <p>I am using PHP to generate divs containing text which I fit in a wrapper div with a fixed width</p>
  
  <p>Generated HTML</p>
  
  <pre><code>&lt;div id="wrapper"&gt;
    &lt;!-- PHP generated divs --&gt;
    &lt;div class="element"&gt;Home&lt;/div&gt;
    &lt;div class="element"&gt;Items&lt;/div&gt;
    &lt;div class="element"&gt;About&lt;/div&gt;
    &lt;div class="element"&gt;FAQ&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#wrapper {
    width: 600px;
    height: 100px;
    display: block;
  }
  
  .element {
    height: inherited;
  }
  </code></pre>
  
  <p>What I want to accomplish is to have the four elements stretch within the boundaries of the wrapper div so they all have an equal width of 150px. If the PHP generates 6 divs then their width should be 100px. I just want them to be evenly spaced within the wrapper.</p>
  
  <p>The whole problem origins from the unknown number of element divs because they are generated through php. Their count is variable so I have no way to predict this in the css, that's why I can't put a fixed width on an element div.</p>
  
  <p>Is there any CSS solution to this?</p>