letter-spacing-trim-start-001-ref.html (813B)
1 <!doctype html> 2 <html> 3 <head> 4 <meta charset=utf-8> 5 <title>CSS reference: letter-spacing should be trimmed at start of line</title> 6 <link rel=author href="mailto:jkew@mozilla.com"> 7 <style> 8 .outer { 9 position: relative; 10 font: 24px/2 monospace; 11 } 12 .box { 13 display: inline-block; 14 width: 2ch; 15 height: 1.75em; 16 margin: calc(1ch - 2px); 17 border: 2px solid black; 18 border-radius: 5px; 19 } 20 .test { 21 position: absolute; 22 top: .5em; 23 left: 1.5ch; 24 } 25 </style> 26 </head> 27 <body> 28 The numbers should be centered in the boxes:<br> 29 <div class=outer> 30 <div class=box></div><div class=box></div><div class=box></div><div class=box></div><div class=box></div><div class=box></div> 31 <div class=test>1 2 3 4 5 6</div> 32 </div> 33 </body> 34 </html>