title: jQuery Mobile header button float left and right
body: <p>i'm trying to get the header to have two sets of button on the left and right, but i'm having trouble getting everything to line up and float left/right properly. Any idea on an easy way to accomplish this.</p>
  
  <pre><code>     &lt;div data-theme="a" data-role="header" data-position="fixed"&gt;
  &lt;!-- back button --&gt;                    
         &lt;a style=" margin:5px 0 10px 0;" data-role="button" 
      data-transition="slide" data-theme="b" href="#track_dash" 
      data-icon="arrow-l" data-iconpos="left"&gt;
            Back
         &lt;/a&gt;
  
  &lt;!-- chart switch --&gt;                    
              &lt;div data-role="fieldcontain" style="float: right;"&gt;
                  &lt;form action="#" method="POST"&gt;
                      &lt;fieldset data-role="controlgroup" data-type="horizontal" &gt;
                         &lt;input name="radiobuttons5" id="radio7" value="radio1" type="radio" /&gt;
                         &lt;label for="radio7"&gt;
                              List
                         &lt;/label&gt;
                         &lt;input name="radiobuttons5" id="radio8" value="radio8" type="radio" /&gt;
                         &lt;label for="radio8"&gt;
                              Chart
                         &lt;/label&gt;
                      &lt;/fieldset&gt;
                  &lt;/form&gt;
              &lt;/div&gt;
  
        &lt;/div&gt;  
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/n47ka.png" alt="left side design / right side actual coded design "></p>