| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273 |
- <!DOCTYPE HTML>
- <!--
- Any copyright is dedicated to the Public Domain.
- http://creativecommons.org/licenses/publicdomain/
- Test: false marker overlap
- -->
- <html><head>
- <title>text-overflow: false marker overlap</title>
- <style type="text/css">
- @font-face {
- font-family: DejaVuSansMono;
- src: url(../fonts/DejaVuSansMono.woff);
- }
- html,body {
- color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
- }
- .test {
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis ellipsis;
- color: black;
- height: 6em;
- width: 32.5em;
- margin-bottom: 1em;
- }
- i {
- display:inline-block;
- height: 3em;
- width: 3em;
- border:1px solid blue;
- text-shadow: none;
- }
- .rtl {
- direction:rtl;
- }
- .rlo {
- unicode-bidi: bidi-override; direction: rtl;
- }
- .lro {
- unicode-bidi: bidi-override; direction: ltr;
- }
- s {
- float:right;
- width:3em;
- height:3em;
- margin-right:-0.6em;
- border:1px solid red;
- }
- .rtl s {
- float:left;
- margin-left:-0.6em;
- margin-right:0;
- }
- .overlap {margin-left:-0.6em;}
- .rtl .overlap {margin-right:-0.6em;margin-left:0;}
- .n {padding-left:0.6em;}
- .rtl .n {padding-right:0.6em;padding-left:0;}
- </style>
- </head><body>
- <div class="test"><font class="overlap"><s></s>| | | | | | | | | | | | | | | | | | | | | | | <i class="n"></i></font></div>
- <div class="test"><font><s></s>| | | | | | | | | | | | | | | | | | | | | | | <i></i></font></div>
- <div class="test rtl"><font class="overlap"><s></s>| | | | | | | | | | | | | | | | | | | | | | | <i class="n"></i></font></div>
- <div class="test rtl"><font><s></s>| | | | | | | | | | | | | | | | | | | | | | | <i></i></font></div>
- </body></html>
|
