title: Style buttons and tabs in header
body: <p>I don't have too much experience with front end so I'm trying to learn and I'm running into an issue that probably has a simple solution. I have 4 components, 2 buttons and 2 tabs. I want them styled in a header at the top of the page such that one button is at the top left with some padding, the other button is at the top right with some padding, and the tabs are centered in the middle. I'm using <code>jquery</code> <code>jquery mobile</code> and <code>angularjs</code>. I did some research on them and didn't see anything in the api that would easily accomplish this so I figured I would need custom css. Right now my components are:</p>
  
  <pre><code>&lt;button&gt;Button 1&lt;/button&gt;
  &lt;div data-role="tabs" id="tabs"&gt; 
      &lt;div data-role="navbar"&gt;
          &lt;ul&gt;
              &lt;li ng-class="{active: navigation.isSelected(1)}" &gt; 
                  &lt;button ng-click="navigation.selectTab(1)"&gt;Tab 1&lt;/button&gt; 
              &lt;/li&gt;
              &lt;li ng-class="{active: navigation.isSelected(2)}"&gt; 
                  &lt;button class="ui-btn-active" ng-click="navigation.selectTab(2)"&gt;Tab 2&lt;/button&gt; 
              &lt;/li&gt;
           &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;button&gt;Button 2&lt;/button&gt;
  </code></pre>
  
  <p>I tried wrapping the whole thing in another div and set the floats but when I tried setting the float on the second button to right it put it on a new line, and I do not believe there is a float for center. Once again I'm pretty new to this so any guide in the right direction would be much appreciated! </p>