<!DOCTYPE HTML> <html> <head> <title>Testing first-letter handling of font/text styles</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> html { overflow: hidden; } body { margin: 1em; font-size: 25px; line-height: 1.2em; font-family: serif; } div { width: 200px; } p { width: 0.5em; margin: 0; } span.bold { font-weight: bold; } span.bolditalic { font-weight: bold; font-style: italic; } span.floater { float: left; } span.sans { font-family: sans-serif; } </style> </head> <body> <div> <p><span class="bold">Y</span>ellow corndog</p> <p><span class="bolditalic">h</span>IPPIE BANANA</p> <p><span class="floater"><span class="sans">G</span>onzo macadamia</span></p> <p><span class="bolditalic">f</span>ELICITOUS <span class="bold">R</span>aspberry</p> </div> </body> </html>