word-spacing-002.html (1338B)
1 <!DOCTYPE html> 2 <title>CSS Text Test: Word Spacing</title> 3 <link rel="author" title="Nicholas Nethercote" href="mailto:nnethercote@mozilla.com"> 4 <link rel="author" title="Elika Etemad" href="http://fantasai.inkedblade.net/contact"> 5 <link rel="help" href="http://www.w3.org/TR/css-text-3/#word-spacing"> 6 <link rel="stylesheet" href="/fonts/ahem.css"> 7 <link rel="match" href="word-spacing-002-ref.html"> 8 <meta name="flags" content="ahem"> 9 <meta name="assert" content="Test checks various length values of word-spacing, including calc()."> 10 <style> 11 /* We use Ahem to avoid very minor differences between the test and the 12 reference that occur with certain font+platform combinations. */ 13 div { font-family: Ahem, monospace; font-size: 20px; } 14 div.ws0 { word-spacing: -1ch; } 15 div.ws1 { word-spacing: 0; } 16 div.ws2 { word-spacing: 1ch; } 17 div.ws3 { word-spacing: calc(1ch + 1ch); } 18 div.ws4 { word-spacing: calc(0.5*2ch); white-space: pre;} 19 </style> 20 <body> 21 <p>Test passes if the space between the words starts at zero and increases by 22 an even amount on each subsequent line.</p> 23 <div class="ws0">A Bc Def Ghij</div> 24 <div class="ws1">A Bc Def Ghij</div> 25 <div class="ws2">A Bc Def Ghij</div> 26 <div class="ws3">A Bc Def Ghij</div> 27 <div class="ws4">A Bc Def Ghij</div> 28 </body>