我有以下 html 和 css:
HTML:
<div id="wrapper">
<ul>
<li>li1</li>
<li>li2</li>
</ul>
</div>
CSS:
#wrapper
{
}
#wrapper ul
{
width:50px;
height:100px;
border-style:solid;
border-width:1px;
list-style-type:none;
}
#wrapper ul li
{
border-style:solid;
border-width:1px;
}
这导致以下无序列表:
如何在无序列表中将列表项左对齐?
我在“#wrapper ul li”中尝试了 float 和 margin,但这并没有解决问题..
最佳答案
将 padding-left: 0pt
添加到 #wrapper ul
block :
#wrapper ul
{
width:50px;
height:100px;
border-style:solid;
border-width:1px;
list-style-type:none;
' CHECK THE NEXT LINE '
padding-left: 0pt;
}
关于html - 在无序列表中将列表项左对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9111204/