Comment positionner des éléménts cote à cote?

Float: left => une simple CLASS, efficasse sur tout les navigateurs

• Avantage : simple, rapide, intuitif, hyper compatible
• Inconvénient : positionnement hors du flux, nécessitera des ajustements (clearfix et autres anti-débordements)

Inline-block => compatible dés IE8

La propriété display: inline-block (sous forme de classe .inbl chez KNACSS) permet à un élément de s'afficher tel un "inline" tout en étant dimensionné.

• Avantage : positionnement dans le flux.
• Inconvénient : un espace "whitespace" apparaîtra entre les deux div et nécessitera de coller les balises ou de bidouiller en CSS pour être supprimé

Flexbox => l'avenir mais que depuis IE10

Table cell => row et col