이 도표는 :first-letter 가상클라스(pseudo-class)를 사용하여 앞글자 튀어나온 대문자(drop cap)의 배치를 설명한다.
그러나 앞의 예제와는 다르게 텍스트가 구둣점으로 시작한다.

5 줄의 텍스트(text)가 있다.
첫번째 줄은 큰 이중 따옴표(")로 시작하고, 세 줄에 확장한 이태릭(italic) 대문자 "A"가 따라온다.
나머지 텍스트는 그 "A"자 주위에 흐른다(flow):
앞의 세 줄들 그 오른쪽에 오고
마지막 두 줄들은 그 아래 이중 따옴표의 왼쪽 면(side)에 정렬되어 오른쪽에 온다.

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

   "   A bird in
   __ the hand
   ___ is worth
   two in the bush,"
   says an old proverb.