quirks-line-height.html (1048B)
1 <!-- 2 Any copyright is dedicated to the Public Domain. 3 http://creativecommons.org/licenses/publicdomain/ 4 5 Test: Quirks mode line height should not be affected by marker 6 --> 7 <html><head> 8 <title>text-overflow: Quirks mode line height</title> 9 <style type="text/css"> 10 @font-face { 11 font-family: DejaVuSansMono; 12 src: url(../fonts/DejaVuSansMono.woff); 13 } 14 html,body { 15 color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono; 16 } 17 18 .test { 19 overflow:hidden; 20 text-overflow:ellipsis; 21 float:left; 22 white-space:pre; 23 margin-left:1em; 24 margin-bottom:1em; 25 font-size:24px; 26 color:blue; 27 border:1px solid black; 28 } 29 span { 30 font-size:16px; 31 color:black; 32 } 33 .rlo { 34 unicode-bidi: bidi-override; direction:rtl; 35 } 36 .lro { 37 unicode-bidi: bidi-override; 38 } 39 .rtl { 40 direction:rtl; 41 } 42 .ltr { 43 direction:ltr; 44 } 45 .t1 { width:4em; } 46 47 </style> 48 49 </head><body> 50 51 <div class="test t1"><span>0123456|890123456789</span></div> 52 <div class="test rtl rlo t1"><span>0123456|89012345</span></div> 53 54 55 </body> 56 </html>