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