이 도표는 텍스트 정상흐름에서 모체(parent)와 형제(sibling) 박스의 관계를 설명한다.

각 24px 높이의 8 줄들(1에서 8)의 문서 창이 보인다.
텍스트(text) 네 줄들이 디스플레이되어 차지하는 줄은 1에서 4이다.

다음 PRE 엘레멘트에서, 각 24 pixel 줄은 두 줄을 띄워 묘사하였는데, 그 두째 줄 시작에 해당 수치를 표시하였다. 이미지애 나타난 줄들은;

1 Beginning of body contents. Start

2 of outer contents. Inner contents.

3 End of outer contents. End of body

4 contents.

그 디폴트(default) 텍스트(text) 색상(color)은 검정이다.
"Start of outer contents"은 적색.
"Inner contents"은 청색.
"End of outer contents"은 적색이다.