試試這個
HTML
<div class= 'divclass'>
<label class="labelleft" for='name'>NAME 1 Very Long Multi-Line Label:</label>
<select class='selectclass'>
<option value="Yes">Yes</option>
<option value="No">No</option>
</select>
</div>
<div class= 'divclass'>
<label class="labelleft" for='name'>NAME 1 Very Long Multi-Line Label:</label>
<select class='selectclass'>
<option value="Yes">Yes</option>
<option value="No">No</option>
</select>
</div>
<div class= 'divclass'>
<label class="labelleft" for='name'>NAME 1 Very Long Multi-Line Label:</label>
<select class='selectclass'>
<option value="Yes">Yes</option>
<option value="No">No</option>
</select>
</div>
CSS
div.divclass {
border: 1px solid red;
height: 150px;
width: 400px;
}
label.labelleft {
width: 90px;
text-align: right;
background: lightblue;
display: inline-block;
vertical-align: middle;
float: none;
}
select.selectclass {
width: 100px;
display: inline-block;
margin-left: 20px;
}
工作Fiddle
這很美!我應該在幾個小時前發佈這個:) – gpd209