Comment aligner 2 <li> pour les afficher au centre, l'un à côté de l'autre .
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8 <ul> <li> texte1+image... </li> <li> texte2+image... </li> </ul>
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
24 ul { text-align: center; /* display: inline-block; */ /* à gauche + "compression" */ /* display: inline; */ /* à gauche + sans "compression" */ /*overflow: hidden; */ /* centre + à la ligne */ /* align-items: stretch; */ /* centre + à la ligne */ align-items: first; /* centre + à la ligne +"compression" */ /* display: inline-table; */ /* width: 100% */ list-style-type: none; vertical-align : top; margin: 0 20px 0 20px; } li { display: inline-block; list-style: none; text-align: center; list-style-type: none; vertical-align : middle; border-width: 0 0 5px 0; padding: 0 0 0 0; }
D'avance merci.
Partager