이 도표는 최초(initial) 용기블럭에 대해, 절대(absolute)적으로 위치시킴 효과를 설명한다.

문서 창에 각각 24px 높이의 1 - 8 수치가 붙은 줄들이 보인다.
모든 본체(body)와 "outer" 텍스트는 줄들 1, 2,와 3 안에서 줄들로 흐른다.
그 "inner" 박스(box)는, "0, 0" 좌표(coordinate: 문서 창의 위쪽 왼쪽 모서리)에 상대적으로, "-100, 200"에 위치된다. 따라서 "inner" 박스 내용들의 대부분은 문서 창 밖에 표현된다.

다음 PRE 엘레멘트(element)에, 각 24 pixel 줄은 두 줄씩 띄워 묘사하였고, 그 두번째에 시작에 해당 수치를 표시하였다. 줄 수치들 왼쪽의 텍스트들은 그 최초(initial) 용기블럭(containing block) 밖에 온다. 이미지에서 텍스트의 줄들은 대략적으로 아래와 같다:

1 Beginning of body contents. [@]Start

2 of outer contents. End of outer

3 contents. End of body contents.

4

Inner 5

Conte 6 nts

7

8

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