Méthode 3 : display: inline-block

.balise {
    display: inline-block;
}

Le meilleur du display block et du inline :

👍 Possibilité de définir des largeurs aux balises comme les balises block

👍 Balises qui se placent les unes à côté des autres comme les balises inline

👎 Espacement qui se crée entre les balises : impossible de créer des grilles CSS avec du display: inline-block

circle-exclamation
circle-info

Peut être utilisé pour les menus quand il n'y a pas de largeur fixe aux éléments.

Last updated