blob: e0ace78c026c4e3373bbe68c30714a86f49a335e [file] [log] [blame]
<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. This letter should span 3 lines of text, and
so it should align itself cleanly with the cap-height of the H 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.
</div>