[Résolu] Centrer un liste

Viclanel37

4 Nov 2023 à 13:50

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)

drphilgood

4 Nov 2023 à 16:49

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.

Viclanel37

4 Nov 2023 à 16:52

Merci drphilgood je n'y avais pas pensé Smiley rolleyes

gcyrillus

Modérateur

4 Nov 2023 à 16:53

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

Viclanel37

4 Nov 2023 à 16:55

Ok merci beaucoup gcyrillus ????

gcyrillus

Modérateur

4 Nov 2023 à 19:18

Viclanel37 a écrit :
.... ????

??? okay , un exemple pour faire voir: https://codepen.io/gc-nomade/pen/vYbydBr
Cdt

Pour infos : https://developer.mozilla.org/fr/docs/Web/CSS/list-style et https://developer.mozilla.org/en-US/docs/Web/CSS/max-content
Modifié par gcyrillus (04 Nov 2023 - 19:19)

Viclanel37

6 Nov 2023 à 09:06

Merci beaucoup ????

CSS et mise en forme, CSS3

[Résolu] Centrer un liste