title: How to make children auto fit parent's width only with CSS?
body: <p>I have a server-side component that generates a fluid layout "toolbar" using <code>DIV</code> without fixed width, generating many <code>A</code> inside it.</p>
  
  <p>Then I need customize that layout to make all <code>A</code> tags auto fit to the parent width. But the number of children is variable and the parent's width isn't known (it auto fits itself to the window).</p>
  
  <p>I made some tests with this Fiddle: <a href="http://jsfiddle.net/ErickPetru/6nSEj/1/" rel="noreferrer">http://jsfiddle.net/ErickPetru/6nSEj/1/</a></p>
  
  <p>But I can't find a way to make it dynamic (uncomment the last <code>A</code> tag to see how it ins't working, lol).</p>
  
  <p>I can't change the server-side sources to gerenate HTML with fixed width. And I really would like to solve it only with CSS if there is any way, even that with JavaScript I could achieve that result.</p>
  
  <p>How can I make all the children auto-fit itself to the parent's width independently of the number of children?</p>