title: Put two elements on one line jQuery Mobile
body: <p>I want to put a button right next to a toggle switch, however, the button keeps moving to the second line.</p>
  
  <p>jsFiddle</p>
  
  <p><a href="http://jsfiddle.net/wHSHb/" rel="nofollow">http://jsfiddle.net/wHSHb/</a></p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div data-role="fieldcontain"&gt;
      &lt;label for="switch"&gt;Privacy:&lt;/label&gt;
      &lt;select name="switch" id="switch" data-role="slider"&gt;
          &lt;option value="0"&gt;Private&lt;/option&gt;
          &lt;option value="1"&gt;Public&lt;/option&gt;
      &lt;/select&gt;
      &lt;a href="#switchinfo" data-rel="dialog" data-role="button" data-icon="info" data-iconpos="notext"&gt;Switch Info&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I tried fixing this problem by putting both in the same fieldcontain. However, this did not fix the issue.</p>