1 <!DOCTYPE html>
2 <html><head>
3 <title>CSS Text Test: tab-size: 1em</title>
4 <link href="mailto:david@openweb.io" rel="author" title="David Storey">
5 <link href="mailto:rhauck@adobe.com" rel="reviewer" title="Rebecca Hauck">
6 <link href="http://www.w3.org/TR/css-text-3/#tab-size" rel="help">
7 <link href="reference/tab-size-length-001-ref.htm" rel="match">
8 <meta content="Tab should be rendered as 1em (20px)" name="assert">
9 <style type="text/css">
10 .container {
11 position: absolute;
12 }
13 .test {
14 font-family: Ahem;
15 font-size: 20px;
16
17 position: absolute;
18 top: 0;
19 left: 0;
20 }
21 .green {
22 background: green;
23 }
24 .red {
25 background: red;
26 tab-size: 1em;
27 }
28 </style>
29 </head>
30 <body>
31 <p>The test passes if there is no red.</p>
32 <div class="container">
33 <pre class="red test"> </pre>
34 <pre class="green test"> </pre>
35 </div>
36
37
38 </body></html>