En HTML, les balises peuvent être de deux types différents : inline et block. Nous allons voir quelles sont les propriétés de chacune.
Les balises de type block
Les balises de type block prennent toute la largeur de leur contenant, et se placent les unes au dessous des autres :
Ceci est un exemple de balise de type block.
Ceci est un autre exemple de balise de type block.
Pour cet exemple, j'ai volontairement stylisé les deux balises avec un fond et un liseret pour que vous puissiez bien les voir. Normalement, les balises ne sont pas stylisées et ont un fond transparent.
Les balises de type inline
Contrairement aux balises de type block, les balises de type inline ne prennent pas toute la largeur possible. Elles ne gardent que la largeur de leur contenu.
Aussi, elles ne se mettent pas les une sous les autres, mais restent sur la même ligne :
Ceci est un exemple de balises de type inline.
Les règles d'imbrication
Les balises de type block peuvent s'imbriquer les unes dans les autres, comme on a déjà pu le voir :
Aussi, une balise de inline peut être imbriquée dans une balise de type block :
Ceci est un exemple de balises de type block.
En revanche, il n'est pas possible d'imbriquer des balises block dans une balise inline.