title: Make child divs expand to fill parent div's width
body: <p>I have three divs inside one div.</p>
  <pre><code>&lt;div class=&quot;parent&quot;&gt;
  &lt;div class=&quot;child&quot;&gt; Text&lt;/div&gt;
  &lt;div class=&quot;child&quot;&gt;Text&lt;/div&gt;
  &lt;div class=&quot;child&quot;&gt;Text&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>I want the child divs to fill up the width of the parent (the combined width of the children should be the parent). However, this is not happening, I'm falling short. I think this is because the child divs are setting width based on their content.</p>
  <p>How do I achieve what I want?</p>
  <p>CSS-</p>
  <pre><code>.child {
      background: white;
      color: #a7a9ac;
      cursor: pointer;
      font-size: 15px;
      border-right: 1px;
      border-top: 0;
      border-bottom: 0;
      border-left: 0;
      border-style: solid;
      border-color: @faded-grey;
      padding-right: 10px;
      margin: 0 auto;
      height: 100%;
  }
  
  .parent {
      border-top: 1px;
      border-left: 0;
      border-bottom: 1;
      border-style: solid;
      border-color: @faded-grey;
      border-right: 0;
      width: 100%;
      margin-right: 0px;
      height: 80px;
  
  }
  </code></pre>