用CSS去掉ul indent

我似乎无法删除我的无序列表中的缩进，当我的列表中的长行绕回。 以下是我的列表：

• Windows用户可以使用腻子
• Mac用户可以使用Terminal.app
• Linux用户可以使用SSH [e-mail]端口22
• ………..>或者使用像Cyber​​duck这样的SFTP程序，只需指向……………………… …………..> ourserver.com，22号港口

（点显示缩进）

我已经阅读了一堆解决scheme，尝试使用文本缩进，列表样式设置边距和填充为零，但没有任何工作。 我认为问题是有一个标题上方的标题，我需要居中，所以我把边缘设置为自动，然后搞乱了下面的列表。 但即使我把两个div放在父div里面也是行不通的。

这里是HTML / CSS（我包括一切情况下有一些导致所有其他解决scheme失败的设置）

<div id="info"> <p><strong>Did you know you can SSH directly to ourserver.com?</strong> </p> <ul> <li>Windows users can use putty</li> <li>Mac users can use the <a href="http://www.terminfo.org">Terminal.app</a></li> <li>Linux users can use SSH [e-mail] port 22</li> <li>Or use an SFTP program like <a href="http://cyberduck.ch/">Cyberduck</a> just point it at ourserver.com, port 22</li> </ul> </div> #info { color:#FFFFFF; width:440px; margin-left:auto; margin-right:auto; border-radius: 10px; border-style:solid; border-width:2px; border-color:#FFF; padding-bottom:20px; padding-left:20px; padding-right:20px; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#cccccc)); overflow: hidden; } #info ul li { float:left; } 

Answer 1

它适用于我

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

http://jsfiddle.net/qeqtK/2/

Answer 2

 -webkit-padding-start: 0; 

将删除由webkit引擎添加的填充

Answer 3

从#info删除：

  margin-left:auto; 

为你的标题添加这个：

 #info p { text-align: center; } 

你需要固定的宽度等？ 我删除了在我看来没有必要的东西，并集中与text-align头。

样品
http://jsfiddle.net/Vc8CB/