title: How do I align Label and Input on the same line to the right?
body: <p>I'm struggling while trying to locate 2 buttons on the left of an input field.
  I already tried several suggestions on the internet but I couldn't make it the way I want.</p>
  
  <pre><code>&lt;div class="col-xs-6" &gt;
      &lt;div class="row"&gt;
          &lt;div class="col-xs-12"&gt;
              &lt;div class="pull-right"&gt;
                  &lt;div class="search" style="height: 18px" ng-if="vm.showSearch()"&gt;
                      &lt;form style="margin:0px" name="filter_actions"  novalidate&gt;
                          &lt;div&gt;
                              &lt;input id="freeTextSearch" type="text"  class="form-control input-sm" autofocus ng-change="vm.filterTable(Search)" ng-model="Search"
                                     style="text-indent: 5px;"  minlength="1" ng-model-options="{debounce:100}" id="Search" name="Search" placeholder="Search fields"&gt;
                              &lt;a ng-show="Search" ng-click="localSearch = ''; vm.filterTable(localSearch)"&gt;&lt;i style="vertical-align: middle; top:4px; right:35px; position: absolute" class="glyphicon glyphicon-remove"&gt;&lt;/i&gt;&lt;/a&gt;
                          &lt;/div&gt;
                      &lt;/form&gt;
                  &lt;/div&gt;
                  &lt;div class="btn-group btn-group-xs" role="group" aria-label="..."&gt;
                      &lt;label class="btn btn-default" role="button" ng-click="vm.popUp()"&gt;&lt;i class="fa fa-expand" style="color:darkgreen;"&gt;&lt;/i&gt;&lt;/label&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;  
  </code></pre>
  
  <p>This is how it looks like : </p>
  
  <p><a href="https://i.stack.imgur.com/JoHeq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JoHeq.png" alt="enter image description here"></a></p>