title: Make buttons the same width without specifying the exact size
body: <p>I have five buttons. I want them to take up the available width of their parent div, each being equally sized:</p>
  <pre><code>&lt;div style=&quot;width: 100%; background-color: red;&quot;&gt;
      &lt;button type=&quot;button&quot; style=&quot;width: 20%;&quot;&gt;A&lt;/button&gt;
      &lt;button type=&quot;button&quot; style=&quot;width: 20%;&quot;&gt;B&lt;/button&gt;
      &lt;button type=&quot;button&quot; style=&quot;width: 20%;&quot;&gt;C&lt;/button&gt;
      &lt;button type=&quot;button&quot; style=&quot;width: 20%;&quot;&gt;D&lt;/button&gt;
      &lt;button type=&quot;button&quot; style=&quot;width: 20%;&quot;&gt;E&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  <p>Is there a way I can do this without having the manually figure out that they each require 20% width? I want to remove a button at runtime, and that means I have to go and update each remaining button again to width=25%.</p>
  <p>I am just checking if there's a more automated way of doing it.</p>