jquery-mobile: label + input + label в некоторых строках

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

Append в 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>