title: Make DIV tag of equal width in same horizental row?
body: <pre><code>getting both tag on same row but there size are not equal...
  </code></pre>
  
  <p>i want to make both div tag "Add More Item" and "Remove Item" of ewual width on same line...</p>
  
  <pre><code> &lt;div data-role="controlgroup" data-type="horizontal" class="ui-controlgroup ui-controlgroup-horizontal ui-corner-all" style="margin: 20px; width: auto"&gt;
  
              &lt;div class="ui-btn ui-first-child"   style="   position: relative;  center; background-color: #36CD5A; color: #fff; text-shadow: none !important;"  data-inline="true" onclick="javascript:addNewItem()"&gt;Add More Item&lt;/div&gt;
  
              &lt;div class="ui-btn ui-last-child"  style="  position: relative; text-align: center; background-color: #36CD5A; color: #fff; text-shadow: none !important;"  onclick="javascript:removeAddedItem()"&gt;Remove Item&lt;/div&gt;
          &lt;/div&gt;
  </code></pre>