Fri, 16 Jan 2015 18:13:44 +0100
Integrate suggestion from review to improve consistency with existing code.
1 <!DOCTYPE HTML>
2 <!--
3 Any copyright is dedicated to the Public Domain.
4 http://creativecommons.org/licenses/publicdomain/
6 Test: text-overflow:<left> <right>
7 -->
8 <html><head>
9 <title>text-overflow: text-overflow:<left> <right></title>
10 <style type="text/css">
11 @font-face {
12 font-family: DejaVuSansMono;
13 src: url(../fonts/DejaVuSansMono.woff);
14 }
15 html,body {
16 color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
17 }
19 .test {
20 overflow:hidden;
21 width:100%;
22 white-space:nowrap;
23 }
24 span {
25 margin: 0 -2px;
26 }
27 .rlo {
28 unicode-bidi: bidi-override; direction:rtl;
29 }
30 .lro {
31 unicode-bidi: bidi-override;
32 }
33 .rtl {
34 direction:rtl;
35 }
36 .ltr {
37 direction:ltr;
38 }
40 </style>
42 </head><body>
44 <div style="float:left;">
45 |||||
46 <div class="test t1"><span> …||…</span></div>
47 <div class="test rtl t1"><span> …||…</span></div>
48 <div class="test t2"><span> …||||</span></div>
49 <div class="test rtl t2"><span>||||…</span></div>
50 <div class="test t3"><span>||||…</span></div>
51 <div class="test rtl t3"><span> …||||</span></div>
52 <div class="test t4"><span>||||.</span></div>
53 <div class="test rtl t4"><span> .||||</span></div>
54 <div class="test t5"><span> .||||</span></div>
55 <div class="test rtl t5"><span>||||.</span></div>
56 <div class="test t6"><span> .||,</span></div>
57 <div class="test rtl t6"><span> ,||.</span></div>
58 <div class="test t7"><span> …||,</span></div>
59 <div class="test rtl t7"><span> ,||…</span></div>
60 <div class="test t8"><span> .||…</span></div>
61 <div class="test rtl t8"><span> …||.</span></div>
62 </div>
65 </body>
66 </html>