Cours d'un document de base

Je suis un élément de niveau bloc de base. Mes éléments de niveau bloc adjacents sont sur de nouvelles lignes en dessous de moi.

Par défaut, nous occupons 100% de la largeur de notre élément parent et nous sommes aussi hauts que notre contenu enfant. Nos largeur et hauteur totales sont égales à la largeur/hauteur de notre contenu + remplissage + encadrement.

Nous sommes séparés de nos marges. Comme il y a fusion des marges, nous sommes séparés par la largeur de l'une de nos marges et non les deux.

Des éléments inline comme celui-ci ou celui‑là sont placés sur la même ligne et les nœuds de texte adjacents, s'il y a de la place sur la même ligne. Les débordements des éléments inline sont placés sur une nouvelle ligne si possible (comme celle‑ci contenant du texte), sinon ils sont placés sur une nouvelle ligne, comme cette image :