how to align widths for input-group-addon
<p>Hi I have the following html file, which consists of 3 input options. As follows</p>

<pre><code>&lt;script type="text/ng-template" id="dashboard_assigngroup_popup.html"&gt;

    &lt;div class="modal-header modal-header2"&gt;
        &lt;h3 class="modal-title"&gt;Assign Chart Group&lt;/h3&gt;
    &lt;/div&gt;

    &lt;div class="modal-body"&gt;
        &lt;table class="table"&gt;
            {%verbatim %}

            &lt;tr&gt;
                &lt;td&gt;
                    &lt;div class="input-group" style="padding:1%;"&gt;
                        &lt;span class="input-group-addon"&gt;Chart title&lt;/span&gt;
                        &lt;select type="input" class="form-control" ng-model="final_data.info" ng-options="m.id as m.title for m in chartlist" required ng-cloak&gt;
                        &lt;/select&gt;
                    &lt;/div&gt;
                &lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
                &lt;td&gt;
                    &lt;div class="input-group" style="padding:1%;"&gt;
                        &lt;span class="input-group-addon"&gt;Chart group&lt;/span&gt;
                        &lt;select type="input" class="form-control" ng-model="final_data.group" ng-options="c.id as c.name for c in chartgrouplist" required ng-cloak&gt;
                        &lt;/select&gt;
                    &lt;/div&gt;
                &lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
                &lt;td colspan="5"&gt;
                    &lt;div class="input-group" style="padding:1%;"&gt;
                        &lt;span class="input-group-addon"&gt;Order &lt;/span&gt;
                        &lt;input type="input" class="form-control" placeholder="Order" ng-model="final_data.orderg"&gt;
                    &lt;/div&gt;
                &lt;/td&gt;
            &lt;/tr&gt;

            &lt;tr&gt;
                &lt;td colspan="4"&gt;
                    &lt;div class="modal-footer"&gt;
                        &lt;button class="btn btn-success" type="button" ng-click="submit()" id="submit"&gt;Save&lt;/button&gt;
                        &lt;button class="btn btn-grey" type="button" ng-click="cancel()"&gt;Discard&lt;/button&gt;
                    &lt;/div&gt;
        &lt;/table&gt;
        {% endverbatim %}
    &lt;/div&gt;

&lt;/script&gt;
</code></pre>

<p>But the  input-group-addons are not aligned. Tried to align using CSS, but failed to do so. How can I align this  input-group-addons? Any suggestions guys? Thanks in advance. </p>