<!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>
Codebase Browser
chromium