css/css-lists/list-style-type-decimal-vertical-lr-ref.html - external/w3c/web-platform-tests - Git at Google

 <!doctype html>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <meta charset="utf-8">
 <title>CSS Lists Reference - check baseline alignment of vertical writing-mode text ::markers</title>
 <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
 <html>
 <style>
 html { writing-mode: vertical-lr; }
 ol {
   padding: 0;
   margin: 0;
 }
 li { list-style-type: none; }
 m {
   text-align: end;
   text-transform: none;
   unicode-bidi: isolate;
   font-variant-numeric: tabular-nums;
   white-space: pre;
 }
 .sz1 { font-size: 40px; }
 .sz1 > m { font-size: 20px; }
 .sz2 { font-size: 20px; }
 .sz2 > m { font-size: 40px; }
 </style>

 <ol><li><m>1. </m>1.</li></ol>
 <ol><li><m>1. </m>1.</li></ol>
 <ol><li class="sz1"><m>1. </m>1.</li></ol>
 <ol><li class="sz1"><m>1. </m>1.</li></ol>
 <ol><li class="sz2"><m>1. </m>1.</li></ol>
 <ol><li class="sz2"><m>1. </m>1.</li></ol>
	<!doctype html>
	<!--
	Any copyright is dedicated to the Public Domain.
	http://creativecommons.org/publicdomain/zero/1.0/
	-->
	<meta charset="utf-8">
	<title>CSS Lists Reference - check baseline alignment of vertical writing-mode text ::markers</title>
	<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
	<html>
	<style>
	html { writing-mode: vertical-lr; }
	ol {
	padding: 0;
	margin: 0;
	}
	li { list-style-type: none; }
	m {
	text-align: end;
	text-transform: none;
	unicode-bidi: isolate;
	font-variant-numeric: tabular-nums;
	white-space: pre;
	}
	.sz1 { font-size: 40px; }
	.sz1 > m { font-size: 20px; }
	.sz2 { font-size: 20px; }
	.sz2 > m { font-size: 40px; }
	</style>

	<ol><li><m>1. </m>1.</li></ol>
	<ol><li><m>1. </m>1.</li></ol>
	<ol><li class="sz1"><m>1. </m>1.</li></ol>
	<ol><li class="sz1"><m>1. </m>1.</li></ol>
	<ol><li class="sz2"><m>1. </m>1.</li></ol>
	<ol><li class="sz2"><m>1. </m>1.</li></ol>