HTML下拉不起作用

Question

这是我的代码的一部分。我正在尝试与下拉菜单一起工作。我无法选择下拉项目。如果我在最后一个<span>元素处删除了行style="padding: 80px;"，它运行良好。但我需要这条线来对齐。这是Fiddle

<input type="text" name="city" maxlength=20 size=15/> 
<span style="padding: 10px;"></span> 
<select> 
<option value="0" selected>Please Select</option> 
<option value="tamilnadu">Tamilnadu</option> 
<option value="kerala">Kerala</option> 
<option value="karnataka">Karnataka</option> 
</select> 
<span style="line-height:20px"> City </span> 
<span style="padding: 80px;"> State/Province </span> 

请问你可以告诉这段代码有什么问题。为什么padding: 80px;会导致问题？

Answer 1

代替padding:80px尝试给padding-left:80px。由于元素重叠<Select>

http://jsfiddle.net/3xBPL/9/