Este diagrama ilustra el comportamiento de los márgenes, bordes y relleno en los puntos de división de una caja de línea.
La ilustración muestra el procesamiento de ejemplo HTML que precede a la imagen en el documento principal, el párrafo "Algunas palabras con énfasis aquí." La caja de línea conteniendo el texto "palabras con énfasis" está dividido entre las palabras. En el punto de división, el relleno, los bordes (con líneas cortadas para enfatizarlos) y los márgenes no son procesados.