layout/reftests/text-overflow/false-marker-overlap-ref.html@925c144e1f1f
layout/reftests/text-overflow/false-marker-overlap-ref.html
Fri, 16 Jan 2015 18:13:44 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Fri, 16 Jan 2015 18:13:44 +0100
- branch
- TOR_BUG_9701
- changeset 14
- 925c144e1f1f
- permissions
- -rw-r--r--
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: false marker overlap
7 -->
8 <html><head>
9 <title>text-overflow: form control elements</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 color: black;
23 height: 6em;
24 width: 32.5em;
25 margin-bottom: 1em;
26 }
28 i {
29 display:inline-block;
30 height: 3em;
31 width: 3em;
32 border:1px solid blue;
33 text-shadow: none;
34 }
35 .rtl {
36 direction:rtl;
37 }
38 .rlo {
39 unicode-bidi: bidi-override; direction: rtl;
40 }
41 .lro {
42 unicode-bidi: bidi-override; direction: ltr;
43 }
45 s {
46 float:right;
47 width:3em;
48 height:3em;
49 margin-right:-0.6em;
50 border:1px solid red;
51 }
52 .rtl s {
53 float:left;
54 margin-left:-0.6em;
55 margin-right:0;
56 }
57 .overlap {margin-left:-0.6em;}
58 .rtl .overlap {margin-right:-0.6em;margin-left:0;}
59 .n {padding-left:0.6em;}
60 .rtl .n {padding-right:0.6em;padding-left:0;}
61 </style>
63 </head><body>
65 <div class="test"><font class="overlap"><s></s> <m>…</m>| | | | | | | | | | | | | | | | | | | | | | <i class="n"></i></font></div>
66 <div class="test"><font><s></s>| | | | | | | | | | | | | | | | | | | | | | | <i></i></font></div>
67 <div class="test rtl"><font class="overlap"><s></s> <m>…</m>| | | | | | | | | | | | | | | | | | | | | | <i class="n"></i></font></div>
68 <div class="test rtl"><font><s></s>| | | | | | | | | | | | | | | | | | | | | | | <i></i></font></div>
71 </body></html>
