title: How to stretch multiple inline-blocks to fill all the space of parent?
body: <p>after lot of searching, I haven't found a solution to my problem, so it's time to ask here.</p>
  
  <p>Here's the problem: I have a block-rendered div and a variable number of buttons rendered as inline-block inside that div. I would like those buttons to stretch evenly to fill al the space of a parent, like, if I have 3 buttons they would stretch to 33% width, if 2 that would be 50%, and so on.</p>
  
  <p>Can that be done with pure css? Thanks in advance.</p>