title: Make 2 buttons inside a table cell be next to each other
body: <p>I have the following code :</p>
  
  <pre><code>      &lt;td&gt;
          &lt;button class="btn btn-primary btn-xs" ng-click="r.changeView('requests/edit/' + request.id)"&gt;
            &lt;i class="fa fa-pencil-square-o"&gt;&lt;/i&gt;
          &lt;/button&gt;
          &lt;button class="btn btn-primary btn-xs" ng-click="r.changeView('requests/edit/' + request.id)"&gt;
            &lt;i class="fa fa-step-backward"&gt;&lt;/i&gt;
            &lt;i class="fa fa-step-forward"&gt;&lt;/i&gt;
          &lt;/button&gt;
        &lt;/td&gt;
  </code></pre>
  
  <p>They appear on 2 different lines. </p>
  
  <p>How can I make them appear next to each other on the same line ?</p>
  
  <p>I tried a few things with <code>float</code> and <code>display</code> but without success.</p>