删除列表<li> </li>左侧的空格

Question

我确实花了几个小时来删除列表前面的空间。但是，我还是找不到要编辑/添加的内容。请帮忙。

这是我的 http://jsfiddle.net/tFQCS/2

#dropdown {    
position:absolute;
display:none;
border:1px solid #A4A4A4;
width:80px;
height:285px;
overflow:auto;
background:#f9f9f9;
text-align:center;
list-style-type:none;
}
#dropdown ul {
margin:0px;
height:5px;
padding:0px;
background:#f9f9f9;
list-style-type:none;
}
#dropdown ul li {
height:5px;
list-style:none;
}
#dropdown li:hover { 
background:#ccc; 
cursor:pointer; 
}

如您所见，在结果面板上，当您单击文本输入时，它将显示一个列表，但由于文本前面的空格，文本不会集中。如何删除它，以便我的文本集中。

其次，正如您所看到的，文本输入（框）和列表之间存在差距。如何在没有任何空格的情况下在框下方显示列表。

感谢。

Answer 1

我看了你的小提琴

添加

padding: 0;

到 ul 解决了您的问题。我删除了左侧空间。

ul
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

Answer 2

当我点击文本输入时，我看不到任何列表，但是浏览器本身包含一些边距或填充，用于某些元素，如body，ul和li ......

body, ul, li {
 margin:0;
 padding:0;
}