On ne change pas une équipe qui gagne, j'ai un petit problème de CSS pour lequel je n'ai trouvé aucune bonne solution. Je voudrais afficher une liste d'éléments de type <li> en les disposant de gauche à droite, puis en passant à la ligne suivante quand il n'y a plus de place. En gros, quelque chose dans ce genre là (au besoin réduisez la largeur de la fenêtre pour que plusieurs lignes soient visibles).
Pour ça, j'ai juste changé la css des <li> pour qu'ils soient en "float:left". Le problème, c'est que quand l'un de ces éléments est plus haut (en taille, pas en position) que les autres, ça provoque un décalage sur les lignes suivantes, comme ceci. Je voudrais que la ligne suivante se place aussi bas que nécessaire pour pouvoir commencer tout à gauche.
Pour le moment, j'ai forcé la hauteur des éléments comme ceci, mais du coup certaines lignes prennent bien plus de hauteur que ce dont elles auraient besoin, et si le texte d'un élément est trop long, il sera coupé en plein milieu.
Une astuce ? (merci
)