letter-spacing-203-ref.html (1467B)
1 <!DOCTYPE html> 2 <html lang="en" > 3 <meta charset="utf-8"> 4 <title>CSS Test Reference</title> 5 <link rel='author' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact'> 6 <style type='text/css'> 7 @import "/fonts/ahem.css"; 8 .contain { 9 font: 20px/1 Ahem; 10 border: solid blue; 11 margin: 1em; 12 float: left; } 13 .control p { 14 white-space: pre-wrap; 15 } 16 p { 17 letter-spacing: 0; 18 margin: 0; 19 } 20 </style> 21 22 <div id='instructions'>Test passes if the pattern is identical in both blue boxes.</div> 23 24 <div class="contain control"> 25 <!-- middle owned by containing block: simple --> 26 <p>AAA BBB</p> 27 <p>A A AB B B</p> 28 <!-- middle owned by containing block: double nesting --> 29 <p>AAAB B B</p> 30 <p>A A AB B B</p> 31 <!-- middle owned by inline: simple --> 32 <p>AAA BBB</p> 33 <p>A A AB B B</p> 34 <!-- middle owned by inline: double nesting --> 35 <p>AAAB B B</p> 36 <p>A A A B B B</p> 37 <!-- middle containing space --> 38 <p>AAA BBB</p> 39 <p>AAA B B B</p> 40 </div> 41 42 <div class="contain control"> 43 <!-- middle owned by containing block: simple --> 44 <p>AAA BBB</p> 45 <p>A A AB B B</p> 46 <!-- middle owned by containing block: double nesting --> 47 <p>AAAB B B</p> 48 <p>A A AB B B</p> 49 <!-- middle owned by inline: simple --> 50 <p>AAA BBB</p> 51 <p>A A AB B B</p> 52 <!-- middle owned by inline: double nesting --> 53 <p>AAAB B B</p> 54 <p>A A A B B B</p> 55 <!-- middle containing space --> 56 <p>AAA BBB</p> 57 <p>AAA B B B</p> 58 </div>