Bonjour,
Dans mon texte, il y a des parties qui meritent une attention. Pour cela, on utilise des atérix *, **, **
Plus bas, je dois faire cela
Le texte doit être aligné, comme si j'utilisais des ol avec une numérotation.
Pour utilisé des astérix, je modifie mon CSS ainsi:
Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23 ol.asterix li{ color:var(--default) !important; margin-left: 0px !important; padding-left:0px !important; font-weight: normal !important; list-style:none } ol.asterix li:before{ } ol.asterix li:nth-child(1):before { content: "*" } ol.asterix li:nth-child(2):before { content: "**" } ol.asterix li:nth-child(3):before { content: "***" } ol.asterix li:nth-child(4):before { content: "****" }
Mon problème, c'est que cela me donne ceci:
J'ai cherché à ajouter de margin/padding left, mais j'ai toujours un décalage.
J'ai essayé plusieurs trucs sans succès
Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10 ol.asterix li{ text-indent: 1em; } ol.asterix li:before{ text-indent: 1em; } ol.asterix li:nth-child(1):before { content: "*\00a0\00a0\00a0"; }
Y-a-t-il un moyen d'avoir un contrôle sur l'alignement du texte?
Merci
Partager