title: jquery-mobile: label+input+label in some lines
body: <p>I have a form that have some inputs that I want to show in line, but it breaks line before width is so small. This is the code:</p>
  
  <pre><code>&lt;div data-role='fieldcontain' id='TempLimits'&gt;
  &lt;label for='Tmin' style='display-inline;width:50px'&gt; Min.:&lt;/label&gt;
  &lt;input type='text' name='Tmin' id='Tmin' value='0' style='display:inline;width:50px' /&gt;
  &lt;label for='Tmin' style='display-inline;width:50px'&gt; ºC&lt;/label&gt;
  &lt;br&gt;
  &lt;label for='Tmax' style='display-inline;width:50px'&gt;Max.:&lt;/label&gt;
  &lt;input type='text' name='Tmax' id='Tmax' value='60' style='display:inline;width:50px' /&gt;
  &lt;label for='Tmax' style='display-inline;width:50px'&gt; ºC&lt;/label&gt;
  </code></pre>
  
  <p></p>
  
  <p>And this is the images that show what I want to keep and what is the problem (i can't publish directly by reputation):</p>
  
  <p><a href="http://img535.imageshack.us/img535/1690/forminline.png" rel="nofollow">In line labels</a>
  <a href="http://img688.imageshack.us/img688/8765/formnoinline.png" rel="nofollow">Not in line labels</a></p>
  
  <p>Furthermore, there is any way to have labels aligned to center/bottom of input instead of top of input?</p>
  
  <p>Thanks a lot</p>