Blitz - WPT: writing-mode-horizontal-001r.html

wpt / css / css-writing-modes / writing-mode-horizontal-001r.html

/css/css-writing-modes/writing-mode-horizontal-001r.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Writing Modes: text-combine-upright in horizontal writing mode</title>
<link rel="author" title="Masataka Yakura" href="http://google.com/+MasatakaYakura">
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright">
<link rel="match" href="reference/writing-mode-horizontal-001r-ref.html">
<meta name="assert" content="text-combine-upright does not have an effect in horizontal writing modes.">
<style>
.test {
  writing-mode: horizontal-tb;
  font-size: 5em;
  line-height: 1;
  direction: rtl;
}

.tcy {
  text-combine-upright: all;
}
</style>
</head>
<body>

<p>Test passes if the following texts are identical:</p>

<div class="test">
  <p><span class="tcy">2014</span></p>
  <p>2014</p>
</div>

</body>
</html>

/css/css-writing-modes/reference/writing-mode-horizontal-001r-ref.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Test Reference</title>
<link rel="author" title="Masataka Yakura" href="http://google.com/+MasatakaYakura">
<style>
.test {
  font-size: 5em;
  line-height: 1;
  direction: rtl;
}
</style>
</head>
<body>

<p>Test passes if the following texts are identical:</p>

<div class="test">
  <p>2014</p>
  <p>2014</p>
</div>

</body>
</html>