<html>
<head>
<style>
div { width:400px; margin:1em }
div::first-letter { font-family: Zapfino; -webkit-initial-letter: 4 2; margin-right:2px; margin-left:2; }

</style>
</head>
<div>
Just an example of first-letter. Short paragraph!
</div>
<div>
Just an example of first-letter. This letter should span 3 lines of text, and
so it should align itself cleanly with the cap-height of the J lining up with
the cap-height of the first line, and the baseline of the J lining up with the
baseline of the third line. The descender of the J is still avoided by following lines. This paragraph cleared the short paragraph.
</div>