layout/reftests/text-overflow/false-marker-overlap.html@7e26c7da4463
layout/reftests/text-overflow/false-marker-overlap.html
Wed, 31 Dec 2014 06:55:50 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 06:55:50 +0100
- changeset 2
- 7e26c7da4463
- permissions
- -rw-r--r--
Added tag UPSTREAM_283F7C6 for changeset ca08bd8f51b2
1 <!DOCTYPE HTML>
2 <!--
3 Any copyright is dedicated to the Public Domain.
4 http://creativecommons.org/licenses/publicdomain/
6 Test: false marker overlap
7 -->
8 <html><head>
9 <title>text-overflow: false marker overlap</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 white-space: nowrap;
22 text-overflow: ellipsis ellipsis;
23 color: black;
24 height: 6em;
25 width: 32.5em;
26 margin-bottom: 1em;
27 }
29 i {
30 display:inline-block;
31 height: 3em;
32 width: 3em;
33 border:1px solid blue;
34 text-shadow: none;
35 }
36 .rtl {
37 direction:rtl;
38 }
39 .rlo {
40 unicode-bidi: bidi-override; direction: rtl;
41 }
42 .lro {
43 unicode-bidi: bidi-override; direction: ltr;
44 }
46 s {
47 float:right;
48 width:3em;
49 height:3em;
50 margin-right:-0.6em;
51 border:1px solid red;
52 }
53 .rtl s {
54 float:left;
55 margin-left:-0.6em;
56 margin-right:0;
57 }
58 .overlap {margin-left:-0.6em;}
59 .rtl .overlap {margin-right:-0.6em;margin-left:0;}
60 .n {padding-left:0.6em;}
61 .rtl .n {padding-right:0.6em;padding-left:0;}
62 </style>
64 </head><body>
66 <div class="test"><font class="overlap"><s></s>| | | | | | | | | | | | | | | | | | | | | | | <i class="n"></i></font></div>
67 <div class="test"><font><s></s>| | | | | | | | | | | | | | | | | | | | | | | <i></i></font></div>
68 <div class="test rtl"><font class="overlap"><s></s>| | | | | | | | | | | | | | | | | | | | | | | <i class="n"></i></font></div>
69 <div class="test rtl"><font><s></s>| | | | | | | | | | | | | | | | | | | | | | | <i></i></font></div>
72 </body></html>
