title: make three divs take up the width of the largest one
body: <p>I have a few divs containing form input data. One of them is a select with some placeholder-like text inside of it. I want the select box to be as wide as the text is and I want the other divs to also take up this width.</p>
  
  <p>Here is the html:</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="form-group"&gt;
          &lt;label for="category_type"&gt;Category Type:&lt;/label&gt;
  
          &lt;select name="category_type" id="category_type_list" class="form-control" onchange="updateCategoriesOnSelect(event);"&gt;
              &lt;option value="" disabled selected&gt;If there is a matching type for the category, please select it&lt;/option&gt;
  
              &lt;option value="1"&gt;A&lt;/option&gt;
              &lt;option value="2"&gt;B&lt;/option&gt;
              &lt;option value="3"&gt;C&lt;/option&gt;
          &lt;/select&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="row"&gt;
      &lt;div class="form-group"&gt;
          &lt;label for="name"&gt;Name:&lt;/label&gt;
          &lt;input name="name" class="form-control"/&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="row"&gt;
      &lt;div class="form-group"&gt;
          &lt;label for="description"&gt;Description:&lt;/label&gt;
          &lt;input name="description" class="form-control"/&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and here is the css:</p>
  
  <pre><code>.form-group{
    display: inline-block;
  }
  .row{
    width: 100%
    float: left;
    margin-left: 5%;
  }
  </code></pre>
  
  <p>right now the select drop down is wider than any of the other form-group elements. Is it possible to get all of the form-group elements have the same width and only take up the necessary width for the select to be able to display all of the text?</p>
  
  <p><a href="https://jsfiddle.net/9r62L7Lh/2/" rel="nofollow noreferrer">Here</a> is a fiddle of the example.</p>
  
  <p>EDIT: I don't want to use width: 100% for form-group and I would really prefer not to set the width of form-group at all. I would want it to take up the minimum width necessary to be wide enough for the text in the select.</p>