title: Display jquery mobile icon inline
body: <p>I have two jquery mobile icons displayed at the top of my app. The first one is in the top-left corner. This is good. I'm trying to figure out if there is a way to display the second one in the top-right corner. I tried adding a class to the a-tag that was {display: inline;}, but this did not work. Floating it right sends it to the right, but it's not horizontally aligned with the first icon. It displays underneath the first icon. </p>
  
  <p>This is my code:</p>
  
  <pre><code>    &lt;a href='#myPanel' class='ui-btn ui-icon-user ui-btn-icon-notext'&gt;&lt;/a&gt;
      &lt;a href='#myPanel' class='ui-btn ui-icon-bars ui-btn-icon-notext'&gt;&lt;/a&gt;
  </code></pre>
  
  <p>Does anybody know if there is a way to display the second one inline, in the top-right corner?</p>
  
  <p>Thanks. </p>