white-space-nowrap-011.html (1274B)
1 <!DOCTYPE html> 2 3 <meta charset="UTF-8"> 4 5 <title>CSS Text: 'white-space: nowrap' (basic)</title> 6 7 <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> 8 <link rel="help" href="https://www.w3.org/TR/css-text-3/#white-space-property"> 9 <link rel="match" href="reference/white-space-nowrap-011-ref.html"> 10 11 <style> 12 div 13 { 14 border: black solid 2px; 15 font-family: monospace; 16 font-size: 32px; 17 margin-bottom: 0.25em; 18 width: 16ch; 19 } 20 21 div#test 22 { 23 white-space: nowrap; 24 } 25 26 div#reference 27 { 28 white-space: normal; 29 } 30 </style> 31 32 <p>Test passes if the characters inside of each black-bordered rectangles are laid out identically. Only "or sit amet." should be outside of black-bordered rectangles. 33 34 <div id="test">Lorem ipsum. Dolor 35 sit	amet. <br>consectetur</div> 36 37 <div id="reference">Lorem ipsum. Dolor sit amet.<br> 38 consectetur</div> 39 40 <!-- 41 42 43 <div id="test">Lorem ipsum. Dolor 44 ^^^^^^^^ 45 12345678 46 47 sit	amet. <br>consectetur</div> 48 ^^^ 49 123 50 51 	 == Horizontal tabulation == 	 == 	 52 53 
 == Line feed == 
 == 
 54 55 -->