text-overflow-009.html (775B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Basic User Interface Test: ellipsis and first atomic inline</title> 4 <link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> 5 <link rel="help" href="http://www.w3.org/TR/css3-ui/#text-overflow"> 6 <link rel="match" href="../reference/ref-filled-green-100px-square.xht"> 7 <meta name="assert" content="The first atomic inline on a line must be clipped rather than ellipsed."> 8 <style> 9 body > div { 10 width: 100px; 11 white-space: pre; 12 text-overflow: ellipsis; 13 overflow: hidden; 14 color: red; 15 } 16 span { 17 display: inline-block; 18 height: 100px; 19 width: 200px; 20 background: green; 21 } 22 </style> 23 24 <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> 25 <div><span> </span>XXXXXX</div>