Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam risus magna, iaculis vel nulla non, placerat laoreet ipsum. Nam facilisis pharetra lectus sed tincidunt. Aliquam gravida dolor ligula, non suscipit mi fringilla ut. Integer suscipit luctus pulvinar. Vivamus at turpis quis lorem auctor sodales. Curabitur ac leo eget augue sollicitudin.
Si cela pose problème dans votre structure, il peut être nécessaire de revoir son organisation et, par exemple, de placer chaque ligne de contenu dans un conteneur flexible séparé afin que le contenu ne puisse pas changer de ligne.
Lorsqu'on manipule des conteneurs flexibles qui sont composés de plusieurs lignes flexibles, il faut être conscient que le passage à la ligne est réappliqué après le repliage des éléments. Ainsi, le navigateur doit réappliquer les mécanismes de passage à la ligne afin de tenir compte de l'espace libéré par l'élément plié dans la direction principale. Cela signifie qu'un ou plusieurs éléments pourraient être déplacés sur une autre ligne que leur ligne initiale. Vous pouvez observer ce comportement dans l'exemple qui suit. On peut voir comment la composition des lignes varie en fonction de l'élément qui est replié. Si vous ajoutez plus de contenu au deuxième élément, il changera de ligne s'il est suffisamment grand. La ligne du haut sera alors aussi haute qu'une seule ligne de texte.