title: side by side buttons with jquery-mobile
body: <p>I am using jquery-mobile, and I have these two buttons:</p>
  
  <pre><code>&lt;p id="propart"&gt;Pro:
      &lt;select id="chosenpro" data-inline="true"&gt;&lt;/select&gt;
      &lt;button type="button" id="resetbutton" data-inline="true" data-theme="w"&gt;Reset&lt;/button&gt;
  &lt;/p&gt;
  </code></pre>
  
  <p>I would like them to be displayed side by side (inline).
  But I can't figure it out. I did <a href="http://jquerymobile.com/demos/1.2.0/docs/buttons/buttons-inline.html" rel="nofollow">this</a> but it doesn't work. Can you help ?
  Here is my css:</p>
  
  <pre><code>#propart .ui-select {
      width:75%;
  }
  #propart .ui-select .ui-btn-icon-right {
      width:100%;
  }
  #propart .ui-btn {
      width:25%;
  }
  </code></pre>