PUBLIC MARKS from decembre with tag float

::nth-word() / ::first-word / ::last-word / ::nth-last-word() We currently don't have any word-based pseudo elements. We do have word-spacing though, which is notable. One use case is similar to using ::first-letter for drop caps, only doing a whole word. article p::first-word { float: left; font-size: 300%; margin: 0 10px 10px 0; }

All About Floats By Chris Coyier On July 8, 2009

Des sortes de “super éléments” ?__Les éléments générant un contexte de formatage block deviennent des sortes de “super éléments” ayant un certain nombre de super responsabilités : ils deviennent entre-autre garants de l’affichage de leurs enfants (qu’ils soient blocks ou inline). Ces super éléments acquièrent également des super pouvoirs très pratiques, et c'est là que ça devient intéressant : __Ils contiennent des flottants __Ils ne s’écoulent pas autour des flottants __Ils ne subissent pas la fusion de marges __Et plein d’autres petites fioritures

Les problèmes de flottaison en CSS

Quand un élément est flottant, son parent ne contient plus parce que le flotteur est retiré de la circulation. Pour savoir pourquoi cela se produit, lire Contenant Flotteurs Eric Meyer (Fortement recommandé). Puis, une fois que vous comprenez ce qui se passe, utilisez l'une des méthodes ci-dessous pour «fixer».

Aussi puissant et utile comme ils sont, les flotteurs peuvent faire produire des effets difficiles.Le résultat montre la figure 1 se produit parce que le div éléments ne "stretch" pas pour contenir les images flottantes en leur sein. Pour regarder la situation sous l'angle inverse, il arrive que les images flottantes "tiennent le coup" comme fond du div éléments

Ce chapitre 9 et le suivant décrivent le modèle de mise en forme visuel : l'interprétation par un agent utilisateur de l'arbre du document et du rendu de celui-ci par un média visuel