Drop Caps on the Web Using Initial Letter
Designers have struggled for years to do robust drop caps on the web. We've tried a series of techniques, but in the end, the enlarged letter usually ends up mis-aligned with the content surrounding it. What's the deal? Well, now we have a new CSS property, Initial Letter, that will make it easy to create a drop cap, an enlarged cap, an initial letter that lines up in every browser.
When or why would you want to use a drop cap? How can you do it using new CSS?
Examples:
http://labs.jensimmons.com/2016/examp...
http://labs.jensimmons.com/2016/examp...
http://labs.jensimmons.com/2017/03-00...