Bonjour,

J'ai une liste à puces avec des textes dans des <li>. J'en ai alignés plusieurs à gauche avec un float: left et le dernier <li> à droite (float: right). Le premier <li> de ceux situés à gauche est écrit sur deux lignes alors que les autres sont placés sur une seule ligne (c'est volontaire). Je souhaiterais juste savoir comment aligner tous ces <li> verticalement afin que ceux sur une ligne apparaissent entre les deux lignes par rapport à celui de gauche.
Image pour illustrer :


Je souhaiterais juste que les textes écrits sur une ligne soient alignés et apparaissent un petit peu plus bas.
Résultat souhaité :


Pouvez-vous m'aider svp ?
Merci

PS : Voici mon code actuel : https://codepen.io/Titouan79/pen/EJNWXp

-
Edité par TitouanDev 9 avril 2019 à 19:06:30

tu met un <span class="t1"> texte sur une ligne </span>

.t1{

padding-top: 10px; /* ou vw ou % */

}

Bonjour TitouanDev ,

Tu peux aussi changer de technique

Version flexbox

https://codepen.io/Zonecss/pen/ROKMJy

Version table (display)

https://codepen.io/Zonecss/pen/dLNeyK

-
Edité par AliasDmc 9 avril 2019 à 21:12:13

Merci beaucoup !