PLUG-IN 29: Drop Cap

Placing a drop cap at the start of an article is a mainstay of print design, but it’s also easy to achieve on the Web with Plug-in 29, as shown in Figure 4-10, which features a famous quotation from Shakespeare’s play, Macbeth.

Classes and Properties

FIGURE 4-10 This plug-in makes it easy to add drop caps to your text.

About the Class

This class enlarges the text within it by five times and lines it up with the following text to create a drop cap. This is achieved by setting the font-size property to 500 percent. Also, to neatly align the drop cap, the line-height, margin-right, and margin-bottom of the object are tweaked. Finally, the object is floated to the left using the float property to let the following text flow around it.