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