이 도표는 변경바(changebar) 효과를 생성하기 위한 절대(absolute) 위치시킴(positioning)의 사용을 설명한다. 이미지에서 두개의 하이픈(hyphen: '--')들로 표현된 변경바는 그 문단(paragraph) 왼쪽 10px 공간 나타난다.

문단(paragraph)의 용기블럭(containing block)의 왼쪽 모서리는 수직 줄로 설명했다. 검정색의 문단 텍스트는 이 모서리(edge)로 부터 10px 전환되었다(도표에 설명). 그 변경바(적색 '--')들은 단어 "THIS"의 왼쪽에 나타나고, 텍스트(text)의 네번째 줄에서 시작한다.

다음 PRE 엘레멘트는 이 예제를 묘사했다. 수직 바들은 용기블럭 모서리 왼쪽에 나타난다.

|   I used two red hyphens to serve
|   as a change bar. They will "float"
|   to the left of the line containing
| --THIS word.