Vous connaissez certainement les valeurs block ou inline, mais moins celle de inline-block et pourtant elle peut vous servir dans bien des cas.

Voyons dans quelles conditions nous pouvons l’utiliser (de manière non exhaustive) dans un premier temps, puis dans un second temps quelques difficultés dans son utilisation.

Cette astuce a été publiée initialement sur le blog personnel de l’auteur, creativejuiz.frà la date du Jeudi 17 mars 2011.

Utiliser display: inline-block

Par défaut les éléments input possèdent la propriété display:inline-block. C’est pour cela que l’utilisation de ces éléments HTML sont simples : ils restent à côté de votre labelassocié, et vous pouvez en changer sa largeur, sa hauteur, ses marges, etc.

source : alsacreation