HTML 드롭 다운이 작동하지 않습니다.

Question

이것은 내 코드의 일부입니다. 나는 드롭 다운으로 노력하고있어. 드롭 다운 항목을 선택할 수 없습니다. 마지막으로 <span> 요소에서 style="padding: 80px;" 행을 제거하면 올바르게 작동합니다. 그러나 정렬을 위해 그 라인이 필요합니다. 이

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

Fiddle는이 코드의 문제가 무엇인지 알려 주시기 바랍니다 수 있습니다. 왜 padding: 80px;이 문제의 원인입니까?

Answer 1

이 padding-left:80px을 제공하려고 선택 상자를 오버랩된다. 때문에이 <Select>

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