Ligne de modules - 3
Nous en sommes là :
#cl_1_0 {float:none;width:auto}
#cl_1_0 .box {float:left;width:190px}
Le plus intelligent est fait, reste à aligner tout ça "bien propre en ordre".
Je décide, démocratiquement à moi tout seul, de marcher par multiples de 200 pixels, pour faire simple. En effet les modules de la nouvelle ligne sont larges de 190 pixels (width:190px) auxquels s'ajoutent 5 pixels de marge sur chaque côté (margin:5px, valeur d'origine que je choisis de conserver) . Donc 190+5+5=200.
Pratiquement, nous allons donner 1000 pixels à #global :
#global {width:1000px}
pour fournir ce CSS :
#global {width:1000px}
#cl_1_0 {float:none;width:auto}
#cl_1_0 .box {float:left;width:190px}
...qui rend le blog assez large pour accueillir cinq modules en ligne.