Flottants et dégagement

Je flotte à gauche
Je flotte à gauche
Je flotte à droite
Je flotte à droite

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus dapibus lorem sit amet urna tincidunt imperdiet. Ut in mi a mauris rhoncus ultrices at a sem. Mauris dictum risus a leo laoreet, ut tristique mauris accumsan. Ut ultrices volutpat nulla, id tempor nulla commodo at. Suspendisse vitae dictum dolor. Vestibulum tristique feugiat elit, sed ultricies sapien accumsan sed. Mauris sed orci rutrum, vehicula velit ut, convallis eros. Vestibulum tincidunt vulputate turpis, in imperdiet velit auctor at. Ut tempor elementum augue in gravida. Ut a bibendum elit. Nam sed leo venenatis, feugiat orci eget, porttitor ipsum. Praesent pharetra luctus dictum. Sed lacinia ut erat quis consectetur.


Je flotte à gauche
Je flotte à gauche
Je flotte à droite
Je flotte à droite

Je commence avec les flottants.

Je force la resynchronisation, je suis donc en bas.


Je flotte à gauche et je suis long

Débordement !


Je flotte à gauche et je suis long

Plus de débordement avec overflow: auto;


Je flotte à gauche

Je suis un long paragraphe. Si je continue plus longtemps que mon flottant, je vais le dépasser et revenir me coller à la marge de gauche. C'est généralement souhaitable, mais on pourrait imaginer qu'il soit parfois pertinent de faire les choses de façon différente... Suspendisse vitae dictum dolor. Vestibulum tristique feugiat elit, sed ultricies sapien accumsan sed. Mauris sed orci rutrum, vehicula velit ut, convallis eros. Vestibulum tincidunt vulputate turpis, in imperdiet velit auctor at. Ut tempor elementum augue in gravida. Ut a bibendum elit. Nam sed leo venenatis, feugiat orci eget, porttitor ipsum. Praesent pharetra luctus dictum. Sed lacinia ut erat quis consectetur.


Je flotte à gauche

Je suis un long paragraphe. Avec overflow: auto;, je reste bien rectangulaire. Suspendisse vitae dictum dolor. Vestibulum tristique feugiat elit, sed ultricies sapien accumsan sed. Mauris sed orci rutrum, vehicula velit ut, convallis eros. Vestibulum tincidunt vulputate turpis, in imperdiet velit auctor at. Ut tempor elementum augue in gravida. Ut a bibendum elit. Nam sed leo venenatis, feugiat orci eget, porttitor ipsum. Praesent pharetra luctus dictum. Sed lacinia ut erat quis consectetur.