supprimer ul indent avec CSS

Je n’arrive pas à supprimer l’indentation de ma liste non ordonnée lorsque des lignes longues se trouvent dans ma liste. Voici à quoi ressemble ma liste:

  • Les utilisateurs de Windows peuvent utiliser du mastic
  • Les utilisateurs de Mac peuvent utiliser Terminal.app
  • Les utilisateurs Linux peuvent utiliser SSH userid@ourserver.com port 22
  • ………..> Ou utilisez un programme SFTP comme Cyberduck, pointez-le simplement sur ……………………… …………..> ourserver.com, port 22

(les points indiquent les retraits)

J’ai lu un tas de solutions et j’ai essayé de définir la marge et le remplissage à zéro, en utilisant le retrait de texte, le style liste, mais rien ne fonctionne. Je pense que le problème est qu’il ya un en-tête au-dessus de la liste que je dois centrer et que je mets les marges en auto et que cela gâche la liste ci-dessous. Mais même si je mets deux divs à l’intérieur du div parent, cela ne fonctionne pas.

Voici le HTML / CSS (j’ai tout inclus au cas où il y a des parameters qui font échouer toutes les autres solutions)

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

Ça marche pour moi avec

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

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

 -webkit-padding-start: 0; 

va supprimer le remplissage ajouté par le moteur webkit

Supprimez ceci de #info :

  margin-left:auto; 

Ajoutez ceci pour votre en-tête:

 #info p { text-align: center; } 

Avez-vous besoin de la largeur fixe, etc.? J’ai enlevé à mon avis les choses non nécessaires et centré l’en-tête avec text-align .

Échantillon
http://jsfiddle.net/Vc8CB/