이 도표는 :first-letter 가상클라스(pseudo-class)를 사용하여 앞글자 튀어나온 대문자(drop cap)의 배치를 설명한다.

4 줄의 텍스트(text)가 있다.
첫번째 줄은 두 줄에 확장하여 "T"자 큰 대문자로 시작한다.
나머지 텍스트는 그 "T"자 주위에 흐른다(flow):
앞의 두 줄들 그 오른쪽에 오고
세번째와 네번째는 그 아래 그 "T"의 왼쪽 면(side)에 정렬하여 온다.

다음 PRE 엘레멘트(element)의 배치(layout)에서, 시작에서의 공간은 "T"가 차지한다.
두번째 줄은 밑줄(_) 표시를 하였다:

   T he first few
   _ words of an
   article in the
   Economist