Drop Cap is a traditional newspaper technique of making the first letter of a paragraph capital and take the height of three or four lines. In that way, it is easier to grab the attention of the reader and specify the start of a section.
In this tutorial we are going to implement that style in our css using a new CSS3 technique.
CSS First Letter
CSS allows you to add a property
:first-letter which as you can guess allows you to style the first letter of the element.
Consider this paragraph:
We can add the drop cap style to the paragraph using
This css will stylize the first letter exactly how we want.