Вам необходимо изменить эти .leftcolumn
элементы с display: inline
на display: inline-block
.Затем вы можете применить к нему width
(который не будет действовать на inline
элементах, но на встроенных блоках), что будет выглядеть так, как вы хотите:
.leftcolumn {
display: inline-block;
width: 160px;
}
<form>
<div id="test" class="page four">
<fieldset class="wrapSection">
<legend><b>Config</b></legend>
<div>
<div class="leftcolumn"><b>Select 1: </b></div><span><select id="select_1"></select></span></div>
<div id="select_2_div">
<div class="leftcolumn"><b>On Select 2: </b></div><span><select id="select_2"></select></span></div>
<div id="select_3_div">
<div class="leftcolumn"><b>Mot Select 3: </b></div><span><select id="select_3"></select></span></div>
<div id="select_4_div">
<div class="leftcolumn"><b>Really Long Label: </b></div><span><select id="select_4"></select></span></div>
<div id="select_5_div">
<div class="leftcolumn"><b>Short: </b></div><span><select id="select_5"></select></span></div>
</fieldset>
</div>
</form>
Вы писали, что хотели бы использовать только HTML: Вы можете также применить эти настройки в качестве встроенных стилей к каждому из элементов, но это сложнееи с помощью отдельного правила CSS вы можете при необходимости изменить width
для всех из них.