html - 删除列表左侧的空间

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

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

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

Answer 2

我看看你的小提琴

添加

padding: 0;

到ul解决了你的问题。i 删除剩余空间。

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