我有以下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,但这并没有解决问题.
解决方法
在#wrapper ul块中添加一个padding-left:0pt:
#wrapper ul { width:50px; height:100px; border-style:solid; border-width:1px; list-style-type:none; ' CHECK THE NEXT LINE ' padding-left: 0pt; }