standards-line-height.html (1070B)
1 <!DOCTYPE HTML> 2 <!-- 3 Any copyright is dedicated to the Public Domain. 4 http://creativecommons.org/licenses/publicdomain/ 5 6 Test: Standards mode line height should not be affected by marker 7 --> 8 <html><head> 9 <title>text-overflow: Standards mode line height</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 overflow:hidden; 21 text-overflow:ellipsis; 22 float:left; 23 white-space:pre; 24 margin-left:1em; 25 margin-bottom:1em; 26 font-size:24px; 27 color:blue; 28 border:1px solid black; 29 } 30 span { 31 font-size:16px; 32 color:black; 33 } 34 .rlo { 35 unicode-bidi: bidi-override; direction:rtl; 36 } 37 .lro { 38 unicode-bidi: bidi-override; 39 } 40 .rtl { 41 direction:rtl; 42 } 43 .ltr { 44 direction:ltr; 45 } 46 .t1 { width:4em; } 47 48 </style> 49 50 </head><body> 51 52 <div class="test t1"><span>0123456|890123456789</span></div> 53 <div class="test rtl rlo t1"><span>0123456|89012345</span></div> 54 55 56 </body> 57 </html>