letter-spacing-205-ref.html (824B)
1 <!DOCTYPE html> 2 <html lang="en" > 3 <meta charset="utf-8"> 4 <title>letter-spacing at element boundaries</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 width: max-content; } 13 .ls1 { 14 letter-spacing: 1em; 15 } 16 span { 17 border: solid orange; 18 } 19 .control p { 20 white-space: pre-wrap; 21 } 22 p { 23 letter-spacing: 0; 24 margin: 0; 25 } 26 </style> 27 28 <div id='instructions'>Test passes if the pattern is identical in both blue boxes.</div> 29 30 <div class="contain control"> 31 <p><span></span>A<span></span><span></span> D<span></span> 32 </div> 33 34 <div class="contain control"> 35 <p><span></span>A<span></span><span></span> D<span></span> 36 </div>