inline-block n’est pas inline !

Je vois de plus en plus de personnes se jeter sur display: inline-block simplement pour aligner des éléments de liste par exemple.

Pour rappel, la valeur inline-block est très pratique mais assez particulière. Elle est surtout assez mal supportée par IE6-IE7, contrairement à inline, a des inconvénients et nécessite généralement des bidouilles pour être interprétée.

Pour résumer, inline-block sert à :

  • aligner des éléments côte à côte tels du texte,
  • pouvoir les dimensionner tels des blocs.

Dans la majorité des cas de figure, nous ne recherchons que le premier avantage (alignement horizontal), préférez alors la valeur inline, bien mieux reconnue et généralement amplement suffisante.