jquery的移動：標籤+輸入+標籤在一些線

Question

我有具有某些輸入，我想在線來表示形式，但它打破行之前寬度是如此之小。這是代碼：

<div data-role='fieldcontain' id='TempLimits'> 
<label for='Tmin' style='display-inline;width:50px'> Min.:</label> 
<input type='text' name='Tmin' id='Tmin' value='0' style='display:inline;width:50px' /> 
<label for='Tmin' style='display-inline;width:50px'> ºC</label> 
<br> 
<label for='Tmax' style='display-inline;width:50px'>Max.:</label> 
<input type='text' name='Tmax' id='Tmax' value='60' style='display:inline;width:50px' /> 
<label for='Tmax' style='display-inline;width:50px'> ºC</label> 

這是顯示我想要什麼，保持什麼是問題（我不能靠信譽直接發佈）的圖像：

In line labels Not in line labels

此外，存在任何方式有對準輸入的中心/底部，而不是輸入的頂部標籤？

非常感謝

Answer 1

附加的CSS樣式float: left的元素，它會自動轉到下一行。

我想這應該在第一線工作：

<label for='Tmin' style='width:50px'> Min.:</label> <input type='text' name='Tmin' id='Tmin' value='0' style='float: left; width:50px' /> <label for='Tmin' style='float: left; width:50px'> ºC</label>