This diagram illustrates a drop cap layout using the :first-letter pseudo-class.
There are 4 lines of text. The first line begins with a large capital "T" that spans two lines. The rest of the text flows around the "T": the first two lines lie to its right and the third and fourth below it (aligned with the left side of the "T").
In the following PRE element layout, the space occupied by the "T" at the beginning of the second line is represented by an underscore (_):
T he first few _ words of an article in the Economist
Return to image.