|
1 <!DOCTYPE HTML> |
|
2 <html> |
|
3 <head> |
|
4 <title>Testing first-letter handling of font/text styles</title> |
|
5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
|
6 |
|
7 <style type="text/css"> |
|
8 html { overflow: hidden; } |
|
9 body { |
|
10 margin: 1em; |
|
11 font-size: 25px; |
|
12 line-height: 1.2em; |
|
13 font-family: serif; |
|
14 } |
|
15 |
|
16 div { width: 200px; } |
|
17 p { width: 0.5em; margin: 0; } |
|
18 span.bold { font-weight: bold; } |
|
19 span.bolditalic { font-weight: bold; font-style: italic; } |
|
20 span.floater { float: left; } |
|
21 span.sans { font-family: sans-serif; } |
|
22 </style> |
|
23 |
|
24 </head> |
|
25 <body> |
|
26 <div> |
|
27 <p><span class="bold">Y</span>ellow corndog</p> |
|
28 <p><span class="bolditalic">h</span>IPPIE BANANA</p> |
|
29 <p><span class="floater"><span class="sans">G</span>onzo macadamia</span></p> |
|
30 <p><span class="bolditalic">f</span>ELICITOUS <span class="bold">R</span>aspberry</p> |
|
31 </div> |
|
32 </body> |
|
33 </html> |