用CSS去掉ul indent

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

  • Windows用户可以使用腻子
  • Mac用户可以使用Terminal.app
  • Linux用户可以使用SSH userid@ourserver.com端口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 userid@ourserver.com 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; } 

它适用于我

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

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

 -webkit-padding-start: 0; 

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

#info删除:

  margin-left:auto; 

为你的标题添加这个:

 #info p { text-align: center; } 

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

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