28092 sujets

CSS et mise en forme, CSS3

upload/1699102271-86181-capturedaeacran2023-11-04aa13.png Bonjour
J'essaie de centrer une liste décimale
<ul style="font-size: 14px ;font-family: inherit;list-style-type: decimal;text-align:center;">
  <li>En cliquant sur le lien en haut à droite vous serez dirigé vers l'album</li>
  <li>En cliquant sur le centre de la photo, vous serez dirigé vers la photo</li>
  <li>En cliquant sur Flickr, vous serez dirigé vers l'ensemble de mes photos</li>
</ul>

mais voilà ce que ça donne (voirphoto)
upload/1699102309-86181-capturedaeacran2023-11-04aa13.png
J'aimerais que les n° soit près du texte !
Merci de votre aide
Modifié par Viclanel37 (04 Nov 2023 - 13:51)
salut, j'éviterais de tout centrer car les chiffres ne seront pas alignés çà fait désordre.
c'est mieux tout a gauche.
sinon avec 2 colonnes.
Modérateur
Bonjour,

list-style-position:inside; va amener les puce au coté du texte.

ou autre piste , comme @drphilgood sugere de garder l'alignement des puces pourrait-être de donner a ta liste une largeur semi automatique avec un centrage (sans repositionner les puces):
ol {
width:max-content;
max-width:90%;
margin:auto;
}


cdt
Meilleure solution