text-underline-position-auto-001-ref.html

Enable keyboard shortcuts

<!DOCTYPE html>

<meta charset="utf-8">

<title>text-underline-position auto value</title>

<style>

p {

	text-decoration-line: underline;

	margin: 0.5em;

div {

	float: left;

	margin: 0.5em;

</style>

<div lang="zh" style="writing-mode: vertical-rl; text-underline-position: left">

	<p>你好

</div>

<div lang="ja" style="writing-mode: vertical-rl; text-underline-position: right">

	<p>今日は</p>

</div>

<div lang="ko" style="writing-mode: vertical-rl; text-underline-position: right">

	<p>안녕하세요</p>

</div>

<div lang="mn" style="writing-mode: vertical-lr; text-underline-position: right">

	<p>ᠲᠠᠮᠠᠭ᠎ᠠ ᠶᠢᠨ ᠭᠠᠵᠠᠷ</p>

</div>