comment puis-je obtenir les points de balle de l'un <ul> vers le centre avec le texte?

Quand j'essaie de le centre une <ul> le texte dans la <li> centres, mais les points de balle séjour à l'extrême gauche de la page. Est-il possible d'obtenir les points de balle pour rester avec le texte quand il est centré?

#abc{text-align: center; }

<div id="section1">
<div id="abc">
<ul>
<li>one</li>
<li>two</li>
<li>three</li>
</ul>
<div/>
<div/>
Je voudrais essayer ce style en cascade (CSS). stackoverflow.com/questions/7516005/...

OriginalL'auteur | 2015-03-11

  1. 14

    Vous pouvez le faire avec list-style-position: inside; sur le ul élément :

    ul {
    list-style-position: inside;
}

    Voir le travail de violon

    OriginalL'auteur Michael P. Bazos

  2. 1

    J'ai trouvé la réponse aujourd'hui. C'est peut-être trop tard, mais encore je pense que c'est beaucoup mieux. Vérifier celui-ci https://jsfiddle.net/Amar_newDev/khb2oyru/5/

    Essayez de modifier le code CSS : <ul> max-width:1%; margin:auto; text-align:left; </ul>

    max-width:80% ou quelque chose comme ça.

    Essayez, vous pourriez trouver quelque chose de nouveau.

    OriginalL'auteur Amar Parajuli