Positionnement flottant (LINE/MOD)

Les lignes (line) occupent toute la largeur disponible et contiennent des boîtes flottantes (mod) de largeur variable selon leur contenu. Ces boîtes peuvent être arrangées à gauche (left), au centre (center) ou à droite (right). Le contenu fixe (i.e. non flottant) n'est pas mis dans des boîtes flottantes (mod) mais ajouté directement dans la ligne (line).

Du contenu fixe dans une boîte line

une boîte mod verte flottante à gauche
une boîte mod blanche flottante à droite
une boîte fixe jaune au centre et qui
se prolonge sur plusieurs lignes
Une autre boîte rouge sans alignement
Et une boîte fixe jaune
une boîte mod marron flottante au centre

Positionnement en table (ROW/COL)

Dans le positionnement en table, les lignes (row) occupent toute la largeur disponible et elles se décomposent en colonne (col) de largeurs variables mais ayant tous la même hauteur. Le contenu dans chaque colonne est centré verticalement.

Positionnement en ligne (LINE/INBL)

Dans le positionnement en ligne, les lignes (row) occupent toute la largeur disponible et on y ajoute du contenu sous forme de blocs en ligne (inbl), de largeurs et de hauteurs variables.

Positionnement en multi-liste (UL.MULTI-LIST)

La multi-liste (ul.multi-list) permet de disposer une liste d'éléments en plusieurs colonnes (two-cols, three-cols, four-cols, five-cols). Chaque élément est positionné d'abord en colonne, de gauche à droite, puis en ligne, de haut en bas. Si un élément doit s'étendre non pas sur une colonne mais sur toute la largeur de la liste, alors on ajoute à cet élément le style "all-cols".