| <meta charset="utf-8"> |
| <style> |
| body { |
| font-family: "hiragino mincho pron"; |
| font-size: 24px; |
| -webkit-writing-mode: vertical-rl; |
| } |
| |
| div { |
| margin-block-end: 10px; |
| } |
| |
| .combine { |
| -webkit-text-combine: horizontal; |
| color: blue; |
| } |
| |
| .underline .decorated { |
| text-decoration: underline; |
| } |
| |
| .overline .decorated { |
| text-decoration: overline; |
| } |
| |
| .line-through .decorated { |
| text-decoration: line-through; |
| } |
| |
| .emphasis .decorated { |
| -webkit-text-emphasis: open sesame; |
| } |
| </style> |
| <body> |
| <div class="underline"> |
| <div> |
| その女<span class="combine decorated">1</span>がね<span class="combine decorated">123</span>かしつけに<span class="combine decorated">12345</span>来てくれるまで |
| </div> |
| <div class="decorated"> |
| その女<span class="combine">1</span>がね<span class="combine">123</span>かしつけに<span class="combine">12345</span>来てくれるまで |
| </div> |
| </div> |
| |
| <div class="overline"> |
| <div> |
| その女<span class="combine decorated">1</span>がね<span class="combine decorated">123</span>かしつけに<span class="combine decorated">12345</span>来てくれるまで |
| </div> |
| <div class="decorated"> |
| その女<span class="combine">1</span>がね<span class="combine">123</span>かしつけに<span class="combine">12345</span>来てくれるまで |
| </div> |
| </div> |
| |
| <div class="line-through"> |
| <div> |
| その女<span class="combine decorated">1</span>がね<span class="combine decorated">123</span>かしつけに<span class="combine decorated">12345</span>来てくれるまで |
| </div> |
| <div class="decorated"> |
| その女<span class="combine">1</span>がね<span class="combine">123</span>かしつけに<span class="combine">12345</span>来てくれるまで |
| </div> |
| </div> |
| |
| <div class="emphasis"> |
| <div> |
| その女<span class="combine decorated">1</span>がね<span class="combine decorated">123</span>かしつけに<span class="combine decorated">12345</span>来てくれるまで |
| </div> |
| <div class="decorated"> |
| その女<span class="combine">1</span>がね<span class="combine">123</span>かしつけに<span class="combine">12345</span>来てくれるまで |
| </div> |
| </div> |
| </body> |