title: Jquery Mobile : float several buttons right, in the header
body: <p>I am using Jquery Mobile and I am trying to place two button on the right of the header.</p>
  
  <pre><code>        &lt;header data-role="header"&gt;
              &lt;h1&gt;Myapptitle&lt;/h1&gt;
              &lt;div class="share-it-wrapper"&gt;
                  &lt;select name="select-choice-share" id="select-choice-share" class="shareitbutton" data-icon="app-shareicon" data-theme="a" data-iconpos="notext" onchange="handleSocialShare()"&gt;
                      &lt;option value="no"&gt;&lt;/option&gt;
                      &lt;option value="facebook"&gt;&lt;img src="images/fb.png" /&gt;Facebook&lt;/option&gt;
                      &lt;option value="twitter"&gt;&lt;img src="images/twitter.png" /&gt;Tweeter&lt;/option&gt;
                      &lt;option value="email"&gt;&lt;img src="images/email.png" /&gt;Email&lt;/option&gt;
                  &lt;/select&gt;
              &lt;/div&gt;
          &lt;a href="#creditspage" data-icon="info" data-theme="a" data-iconpos="notext" class="ui-btn-right"&gt;Credits&lt;/a&gt;
          &lt;/header&gt;
  </code></pre>
  
  <p>For now, my buttons are not aligned :
  <img src="https://i.stack.imgur.com/xvYbv.png" alt="enter image description here"></p>
  
  <p>The <a href="http://demos.jquerymobile.com/1.0a4.1/#docs/toolbars/docs-footers.html" rel="nofollow noreferrer">doc</a> indicate to use <code>data-role="controlgroup" and data-type="horizontal"</code> but if I wrap the buttons into a <code>&lt;div data-role="controlgroup" data-type="horizontal"&gt;</code> then the #creditspage buttons becomes text... is there a bug in JQM (Cf the doc seems to also have the problem). How can I achieve perfect alignment for buttons on the right ? Thanks</p>