anonymous-block.html (1875B)
1 <!DOCTYPE HTML> 2 <!-- 3 Any copyright is dedicated to the Public Domain. 4 http://creativecommons.org/licenses/publicdomain/ 5 6 Test: overflowing anonymous block should not have marker 7 --> 8 <html><head> 9 <title>text-overflow: anonymous block</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 } 18 19 .test { 20 text-overflow:ellipsis; 21 overflow:hidden; 22 width:50%; 23 height:10em; 24 25 border:1px solid black; 26 white-space:pre; 27 margin-left:2em; 28 margin-bottom:2em; 29 line-height:1.5em; 30 } 31 i { 32 display:inline-block; 33 height: 3em; 34 width: 5em; 35 background: blue; 36 font-style:normal; 37 } 38 span { 39 position:relative; 40 background:pink; 41 top:40px; 42 left:16em; 43 } 44 45 .t1 {width:6em;} 46 .t2 {width:2em;} 47 .t3 {width:25em;} 48 .t4 {width:17.5em;} 49 50 input { font-family:DejaVuSansMono; } 51 input::placeholder { 52 overflow:hidden; 53 text-overflow:ellipsis; 54 } 55 input.t5::placeholder { 56 text-overflow:"X"; 57 } 58 59 </style> 60 61 </head><body> 62 63 64 <div class="test t1"><x>Some overly <span>long<i style="display:block;">anonymous<br>block</i>and</span> uninformative sentence</x></div> 65 <div class="test t2"><x>Some overly long<i style="display:block;">anonymous<br>block</i>and uninformative sentence</x></div> 66 <div class="test t3"><x>Some overly <span>long<i style="display:block;">anonymous<br>block</i>and</span> uninformative sentence</x></div> 67 <div class="test t4"><x>Some overly <span>long<i style="display:block;">anonymous<br>block</i>and</span> uninformative sentence</x></div> 68 69 <input size="4" placeholder="placeholder"> 70 <input size="4" dir="rtl" placeholder="placeholder"> 71 <input size="4" class="t5" placeholder="placeholder"> 72 <input size="4" class="t5" dir="rtl" placeholder="placeholder"> 73 74 </body> 75 </html>