letter-spacing-end-of-line-002.html (1033B)
1 <!DOCTYPE html> 2 <meta charset=utf-8> 3 <title>CSS Text test - letter-spacing applied to preserved newline</title> 4 <link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com"> 5 <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"> 6 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1850620"> 7 <link rel="match" href="reference/letter-spacing-end-of-line-002-ref.html"> 8 <meta name="assert" content="Letter-spacing on a preserved newline should not cause spurious line-wrapping."> 9 10 <style> 11 div { 12 margin: 1em; 13 font: 24px monospace; 14 white-space: pre-wrap; 15 display: inline-block; 16 outline: 1px solid gray; 17 } 18 .letterspc { 19 letter-spacing: 10px; 20 } 21 .nospc { 22 letter-spacing: 0px; 23 } 24 </style> 25 26 <p>None of these examples should wrap to a second line:</p> 27 <div class=letterspc><span>1. a</span><span> </span></div> 28 <br> 29 <div class=letterspc><span>2. b</span><span class=nospc> </span></div> 30 <br> 31 <div class=nospc><span>3. c</span><span class=letterspc> </span></div>