1 <!DOCTYPE html>
2 <html><head><title>CSS Basic User Interface Test: text-overflow - ellipsis</title>
3 <link href="mailto:yreenchan@gmail.com" rel="author" title="YreenChan">
4 <link href="mailto:simonp@opera.com" rel="reviewer" title="Simon Pieters">
5 <link href="mailto:lstorset@opera.com" rel="reviewer" title="Leif Arne Storset">
6 <link href="http://www.w3.org/TR/css3-ui/#text-overflow" rel="help" title="8.2. the 'text-overflow' property">
7 <link href="reference/text-overflow-ref.htm" rel="match">
8 <meta content="font ahem" name="flags">
9 <meta content="'text-overflow:ellipsis' renders U+2026 when text is overflowing." name="assert">
10 <style>
11 div {
12 font-size:10px;
13 overflow: hidden;
14 text-overflow: ellipsis;
15 white-space: nowrap;
16 width: 50px;
17 }
18 span { font-family: Ahem; font-size:30px; }
19 </style>
20 </head><body>
21 <p>PREREQUISITE: The font used must have a glyph for the U+2026 character.</p>
22 <p>Test passes if there is <strong>ellipsis</strong> after a black square.</p>
23 <div>
24 <span>AAAA</span>
25 </div>
26
27
28 </body></html>