Je n'arrive pas à supprimer le retrait de ma liste non ordonnée lorsque les longues lignes dans ma liste enrouler autour de. Voici ce que ma liste ressemble à ceci:
- Les utilisateurs de Windows peuvent utiliser de mastic
- Les utilisateurs Mac peuvent utiliser le Terminal.app
- Les utilisateurs de Linux peuvent utiliser SSH userid@ourserver.com le port 22
- ...........>Ou utiliser un SFTP programme comme Cyberduck suffit de le pointer vers .........................................>ourserver.com, port 22
(les points de montrer les tirets)
J'ai lu un tas de solutions et a essayé de réglage de la marge et le remplissage de zéro, en utilisant le texte-tiret, list-style, mais rien ne fonctionne. Je pense que le problème est qu'il y a un en-tête au-dessus de la liste que j'ai besoin d'être centré et donc je suis en définissant les marges d'auto et puis c'est la pagaille dans la liste ci-dessous. Mais même si je mets de dire deux divs à l'intérieur de la div parent il ne fonctionne pas.
Voici le html/css (j'ai inclus tout cas il y a certains paramètres qui est à l'origine de toutes les autres solutions à l'échec)
<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;
}
