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 |