<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> |