This diagram illustrates a drop cap layout using the :first-letter pseudo-class. However, unlike the previous diagram, the text begins with punctuation.
There are 5 lines of text. The first line begins with a large double quote mark (") followed by a large, italic capital "A" that spans three lines. The rest of the text flows around the '"A': the first three lines lie to its right and the last two below it (aligned with the left side of the double quote mark).
In the following PRE element layout, the space occupied by the "A" in the second and third lines is represented by underscores (_):
" A bird in __ the hand ___ is worth two in the bush," says an old proverb.
Return to image.