| <!DOCTYPE HTML> |
| <html style="-webkit-writing-mode: vertical-rl"> |
| <head> |
| <title>Vertical Font Baseline Test</title> |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
| |
| <style type="text/css"> |
| |
| body { font-size:24px } |
| |
| .japanese { font-family: "HiraMinPro-W3"; } |
| .english { font-size:48px; text-transform:uppercase } |
| |
| |
| </style> |
| </head> |
| <body> |
| |
| <p><span class="japanese">第一段落 </span><span class="english">Paragraph 1<br> |
| More text. <span style="font-size:12px">Should not be centered.</span> |
| </span></p><p><span>第二段落 <span class="english">Paragraph 2 |
| <img style="background-color:green; width:70px; height:30px;"> |
| </span></span></p> |
| |
| </body> |
| </html> |