Partage
  • Partager sur Facebook
  • Partager sur Twitter

Espace entre puce et son texte dans une liste

Sujet résolu
    9 février 2020 à 19:37:30

    bonjour ,

    J'ai une liste à puce que je veux centrer au milieux de la page , j'arrive a centrer le texte mais les puces restent sur le coté de la page 

    voici une image :exemple

    je veux savoir s'il y a une méthode pour supprimer cet espace.j'ai essayé avec margin et padding-left mais ça donne rien.

    merci d'avance :) .  

    • Partager sur Facebook
    • Partager sur Twitter
      Staff 9 février 2020 à 22:11:18

      Bonsoir, si j'ai bien compris tu souhaites que les puces soit à coté du texte.

      Ce n'est pas possible de déplacer les puces, celle-ci sont un style de la liste entière et non de chaque item.

      Il est possible de recréer une puce en utilisant les pseudo-élément :before.

      ul {
           text-align: center;
           list-style-type: none;
      }
      li:before {
           content : "\2022  ";;
      }



      • Partager sur Facebook
      • Partager sur Twitter
        9 février 2020 à 22:23:49

        Bonsoir, merci pour la réponse.

        En effet ceci marche à merveille, j'ai dû seulement ajuster un peux le width et le padding pour avoir une bonne mis en forme,sinon c'est impec.

        merci beaucoup  

        • Partager sur Facebook
        • Partager sur Twitter

        Espace entre puce et son texte dans une liste

        × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
        • Editeur
        • Markdown