white-space-processing-042.xht (1673B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>CSS Test: Tab width</title> 5 <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> 6 <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" /> 7 <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2" /> 8 <link rel="match" href="white-space-processing-042-ref.xht" /> 9 <meta name="flags" content="ahem" /> 10 <meta name="assert" content="Tabs (when rendered) render spaces at 8 character stops. That is, within a line, split the line into 8 character lengths. The tab would continue until the end of the next length. So if there are already 3 characters in a line, the tab would be rendered as 5 spaces." /> 11 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 12 <style type="text/css"> 13 div 14 { 15 font: 16px/1em Ahem; 16 } 17 #div1 18 { 19 white-space: pre; 20 } 21 #div2, #div3 22 { 23 background: black; 24 display: inline-block; 25 height: 1em; 26 width: 2em; 27 } 28 #div3 29 { 30 margin-left: 6em; 31 } 32 </style> 33 </head> 34 <body> 35 <p>Test passes if there are only two boxes below.</p> 36 <div> 37 <div id="div1">XX	XX</div> 38 <div id="div2"></div><div id="div3"></div> 39 </div> 40 </body> 41 </html>