| <!DOCTYPE html> |
| <html> |
| <head> |
| <meta charset="utf-8"> |
| <title>CSS Writing Modes: Emoji in writing-mode: vertical-lr or vertical-rl</title> |
| <link rel="author" title="The Chromium Authors"> |
| <link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#block-flow"> |
| <meta name="assert" content="Emoji must be correctly positioned as part of a vertical run."> |
| <meta name="flags" content=""> |
| <style> |
| body { |
| font-size: 64px; |
| } |
| </style> |
| </head> |
| <!-- The diamond emoji needs to be rendered between the Ahem characters and must |
| not cover the top or bottom adjacent character. --> |
| <p style="writing-mode: vertical-lr;">あ🔷あ</p> |
| <p style="writing-mode: vertical-rl;">あ🔷あ</p> |