Schemat ten przedstawia efekty pozycjonowanie względnego.

Widoczne jest okno dokumentu zawierające 8 linii (ponumerowanych od 1 do 8). Każda z nich ma wysokość 24 pikseli. Tekst pola "outer" (na końcu linii 1, w połowie linii 2 i w połowie linii 3) został przesunięty o 12 pikseli w górę. Tekst pola "inner", również przesunięty do góry, jest pozycjonowany względnie, dzięki czemu leży w swoim normalnym układzie na końcu linii 2.

W poniższym elemencie PRE każda 24-pikselowa linia jest symulowana przez dwie linie. Druga zaczyna się odpowiednim numerem. Linie znajdują się na obrazie w następującym porządku:

                             Start
1 Beginning of body contents.
2 of outer contents.
                     Inner contents.
3
  End of outer contents.
4                    End of body
5 contents.

Domyślny kolor tekstu to czarny. Tekst "Start of outer contents" jest czerwony. Tekst "Inner contents" jest niebieski. Tekst "End of outer contents" jest czerwony.

Powrót do rysunku