letter-spacing-202.html (2332B)
1 <!DOCTYPE html> 2 <html lang="en" > 3 <meta charset="utf-8"> 4 <title>letter-spacing on zero-width characters</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-202-ref.html'> 8 <meta name="assert" content="Letter spacing ignores zero-width formatting characters."> 9 <style type='text/css'> 10 @import "/fonts/ahem.css"; 11 .test { letter-spacing: 1em; float: left; color: green; background: red; font: 20px/1 Ahem; } 12 .spacing { position: absolute; width: 1em; height: 2em; margin: 0 1em; background: green; } 13 </style> 14 15 <div id='instructions'>Test passes if there is a green rectangle below and no red.</div> 16 17 <div class="test"> 18 <div class="spacing"></div> 19 <!-- 20 -->​‌‍<!-- zwsp etc. 21 -->‎‏⁦⁧⁨‪‫‬‭‮⁩⁩<!-- bidi 22 --><!-- Arabic/compat 23 -->⁠⁡⁢⁣⁤<!-- math 24 -->x<!-- 25 -->​‌‍<!-- zwsp etc. 26 -->‎‏⁦⁧⁨‪‫‬‭‮⁩⁩<!-- bidi 27 --><!-- Arabic/compat 28 -->⁠⁡⁢⁣⁤<!-- math 29 -->x<!-- 30 -->​‌‍<!-- zwsp etc. 31 -->‎‏⁦⁧⁨‪‫‬‭‮⁩⁩<!-- bidi 32 --><!-- Arabic/compat 33 -->⁠⁡⁢⁣⁤<!-- math 34 --><br> 35 <!-- 36 -->​‌‍<!-- zwsp etc. 37 -->‎‏⁦⁧⁨‪‫‬‭‮⁩⁩<!-- bidi 38 --><!-- Arabic/compat 39 -->⁠⁡⁢⁣⁤<!-- math 40 -->xx<!-- 41 -->​‌‍<!-- zwsp etc. 42 -->‎‏⁦⁧⁨‪‫‬‭‮⁩⁩<!-- bidi 43 --><!-- Arabic/compat 44 -->⁠⁡⁢⁣⁤<!-- math 45 --> 46 </div></div>