letter-spacing-205.html (1068B)
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 <link rel='help' href='https://www.w3.org/TR/css-text-3/#letter-spacing'> 7 <link rel='match' href='reference/letter-spacing-205-ref.html'> 8 <meta name="assert" content="Letter spacing is applied after any intervening text-empty inlines."> 9 <style type='text/css'> 10 @import "/fonts/ahem.css"; 11 .contain { 12 font: 20px/1 Ahem; 13 border: solid blue; 14 margin: 1em; 15 width: max-content; } 16 .ls1 { 17 letter-spacing: 1em; 18 } 19 span { 20 border: solid orange; 21 } 22 .control p { 23 white-space: pre-wrap; 24 } 25 p { 26 letter-spacing: 0; 27 margin: 0; 28 } 29 </style> 30 31 <div id='instructions'>Test passes if the pattern is identical in both blue boxes.</div> 32 33 <div class="contain"> 34 <p class="ls1"><span></span>A<span></span><span></span>D<span></span></p> 35 </div> 36 37 <div class="contain control"> 38 <p><span></span>A<span></span><span></span> D<span></span> 39 </div>