text-indent-tab-positions-001.html (964B)
1 <!DOCTYPE html> 2 <meta charset=utf-8> 3 <title>CSS Text testcase - text-indent should not affect tab-stop positions</title> 4 <link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com"/> 5 <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2"> 6 <link rel="match" href="reference/text-indent-tab-positions-001-ref.html"> 7 <meta name="assert" content="Tab stops occur at points that are multiples of the tab size from the block’s starting content edge."> 8 <style> 9 p { font-family: monospace; white-space: pre; tab-size: 8ch; 10 width: 40ch; margin: 1em 8ch; border: 1px solid silver; } 11 .indent { text-indent: 3ch; } 12 .outdent { text-indent: -3ch; } 13 </style> 14 The tab-stop positions should be the same in all three blocks below; 15 only the ‘a’ characters affected by text-indent should be unaligned. 16 <p>a	b	c<br>d	e	f</p> 17 <p class=indent>a	b	c<br>d	e	f</p> 18 <p class=outdent>a	a'	b	c<br>d	e	f</p>