| OLD | NEW |
| 1 <!DOCTYPE html> |
| 2 <html lang="ja"> |
| 1 <meta charset="utf8"> | 3 <meta charset="utf8"> |
| 2 <style> | 4 <style> |
| 3 html { -webkit-writing-mode: vertical-rl; } | 5 html { -webkit-writing-mode: vertical-rl; } |
| 4 div { font-family: 'hiragino mincho pro'; font-size: 24px; } | 6 div { font-family: 'hiragino mincho pro'; font-size: 24px; } |
| 5 .combine { -webkit-text-combine: horizontal; } | 7 .combine { -webkit-text-combine: horizontal; } |
| 6 </style> | 8 </style> |
| 7 <p> | 9 <p> |
| 8 These two lines should be identical: | 10 These two lines should be identical: |
| 9 </p> | 11 </p> |
| 10 <div> | 12 <div> |
| 11 希薄化後の1株当り利益が<span id="combine" class="combine">3.67</span>ドルでした。 | 13 希薄化後の1株当り利益が<span id="combine" class="combine">3.67</span>ドルでした。 |
| 12 </div> | 14 </div> |
| 13 <div> | 15 <div> |
| 14 希薄化後の1株当り利益が<span class="combine">3.667</span>ドルでした。 | 16 希薄化後の1株当り利益が<span class="combine">3.667</span>ドルでした。 |
| 15 </div> | 17 </div> |
| 16 <script> | 18 <script> |
| 17 document.body.offsetTop; | 19 document.body.offsetTop; |
| 18 document.getElementById("combine").textContent = "3.667"; | 20 document.getElementById("combine").textContent = "3.667"; |
| 19 </script> | 21 </script> |
| 22 </html> |
| OLD | NEW |