title: Moving HTML text next to a button
body: <p>I'm trying to have some text show up next to a button, however the text only shows up underneath the button. Currently, I have in my HTML code:</p>
  
  <pre><code>&lt;div class="display: inline;"&gt;
      &lt;div class="td-dropdown" dropdown&gt;
          &lt;button type="button" class="btn btn-primary btn-sm" dropdown-toggle&gt;
              Filter Search by:&lt;span class="caret" aria-hidden="true"&gt;&lt;/span&gt;
          &lt;/button&gt;
          &lt;ul class="dropdown-menu" role="menu"&gt;
              &lt;li&gt;&lt;a ng-click="dropChange('all')"&gt;All&lt;/a&gt;&lt;li&gt;
              &lt;li&gt;&lt;a ng-click="dropChange('floor')"&gt;Floor&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a ng-click="dropChange('building')"&gt;Building&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a ng-click="dropChange('room')"&gt;Room&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;a class="display: inline;"&gt;{{mockDropVal}}&lt;/a&gt;
  </code></pre>
  
  <p>All I want to do is move the text from <code>{{mockDropVal}}</code> next to the button. As you can see, I've tried using the <code>display: inline</code> class (however i think i am using it incorrectly). As well, I tried to make my own class to do this,  but it was unsuccessful.  </p>
  
  <p>Any advice or tips would be greatly appreciated! </p>