Ce dessin illustre les comportements des marges, bordures et espacement aux endroits des coupures d'une boîte en-ligne.
Le dessin reproduit un rendu possible de l'exemple HTML, dans le document avant l'image, celui-ci d'après le texte "Il y a plusieurs mots accentués ici." C'est la boîte en-ligne contenant les mots "mots accentués" qui est coupée entre ceux-ci. À l'endroit de la coupure, l'espacement, les bordures (matérialisées par des tirets) et les marges ne sont pas rendus.