對齊列表項的無序列表左側

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禮」浮動和利潤，但這並不解決問題..

來源

2012-02-02 Birdman

您需要提供更多的代碼。 http://jsfiddle.net/cYZtA/是你給出的，它不符合你提供的結果。 – 2012-02-02 11:07:06

什麼是你的包裝div的CSS樣式？ – Murtaza 2012-02-02 11:07:09

現在包含在問題 – Birdman 2012-02-02 11:09:34

添加padding-left: 0pt到#wrapper ul塊：

#wrapper ul 
{ 
    width:50px; 
    height:100px; 
    border-style:solid; 
    border-width:1px; 
    list-style-type:none; 
    ' CHECK THE NEXT LINE ' 
    padding-left: 0pt; 
}

來源

2012-02-02 11:11:17

儘量減少填充左您的UL元素。如果它不起作用，請使用UL和LI的填充左邊和左邊距。

來源

2012-02-02 11:10:28

你的無序列表標記需要放在外：

#wrapper ul { 
    list-style-type: none; 
    list-style-position: outside; 
}

來源

2012-02-02 11:13:11 onof

對齊列表項的無序列表左側

回答

相關問題