Entfernen der Einrückung von ul mit CSS

Question

Es scheint mir unmöglich zu sein, den Einzug von meiner ungeordneten Liste zu entfernen, wenn lange Zeilen in meiner Liste umgebrochen werden. So sieht meine Liste aus:

• Windows-Benutzer können Putty verwenden
• Mac-Benutzer können die Terminal.app verwenden
• Linux-Benutzer können SSH userid@ourserver.com Port 22 verwenden
• ...........>Oder verwenden Sie ein SFTP-Programm wie Cyberduck und zeigen Sie es einfach auf .........................................>ourserver.com, Port 22

(die Punkte zeigen die Einzüge)

Ich habe eine Menge Lösungen gelesen und versucht, den Rand und den Abstand auf Null zu setzen, Texteinrückungen, Listenstile zu verwenden, aber nichts funktioniert. Ich denke, das Problem ist, dass es eine Überschrift über der Liste gibt, die zentriert sein soll und ich daher die Ränder auf auto setze und dann die Liste darunter durcheinander bringe. Aber selbst wenn ich zum Beispiel zwei divs innerhalb des Elterndivs setze, funktioniert es nicht.

Hier ist der HTML/CSS-Code (ich habe alles mit eingeschlossen, falls es eine Einstellung gibt, die alle anderen Lösungen scheitern lässt)

    Wussten Sie, dass Sie sich direkt zu ourserver.com SSH verbinden können?  

        Windows-Benutzer können Putty verwenden
        Mac-Benutzer können die Terminal.app verwenden
        Linux-Benutzer können SSH userid@ourserver.com Port 22 verwenden
        Oder verwenden Sie ein SFTP-Programm wie Cyberduck und zeigen Sie es einfach auf 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;
}

Answer 1

Dieser Code entfernt die Einrückung und die Listenpunkte.

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

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

Answer 2

Um die Aufzählungspunkte beizubehalten, können Sie list-style: none durch list-style-position: inside oder den Kurzschreibstil list-style: inside ersetzen:

ul {
  list-style-position: inside;
  padding-left: 0;
}

ul {
  list-style-position: inside;
  padding-left: 0;
}

    Milch
    Käse

            Blauschimmelkäse
            Feta

Answer 3

-webkit-padding-start: 0;

wird den durch den Webkit-Motor hinzugefügten Abstand entfernen