html 取消ul的缩进,使用CSS删除ul缩进

I cannot seem to remove the indent from my unordered list when long lines in my list wrap around. Here is what my list looks like:

Windows users can use putty

Mac users can use the Terminal.app

Linux users can use SSH userid@ourserver.com port 22

...........>Or use an SFTP program like Cyberduck just point it at

.........................................>ourserver.com, port 22

(the dots show the indents)

I've read a bunch of solutions and tried setting margin and padding to zero, using text-indent, list-style, but nothing works. I think the problem is that there is a heading above the list that I need to be centered and so I'm setting the margins to auto and then it's messing up the list below. But even if I put say two divs inside the parent div it doesn't work.

Here is the HTML/CSS (I included everything in case there is some setting that is causing all of the other solutions to fail)

Did you know you can SSH directly to ourserver.com?

• Windows users can use putty
• Mac users can use the Terminal.app
• Linux users can use SSH userid@ourserver.com port 22
• Or use an SFTP program like Cyberduck just point it at ourserver.com, port 22

#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;

}