standards-line-height-ref.html (1058B)
1 <!DOCTYPE HTML> 2 <!-- 3 Any copyright is dedicated to the Public Domain. 4 http://creativecommons.org/licenses/publicdomain/ 5 --> 6 <html><head> 7 <title>text-overflow: Standards mode line height</title> 8 <style type="text/css"> 9 @font-face { 10 font-family: DejaVuSansMono; 11 src: url(../fonts/DejaVuSansMono.woff); 12 } 13 html,body { 14 color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono; 15 } 16 17 .test { 18 overflow:hidden; 19 20 float:left; 21 white-space:pre; 22 margin-left:1em; 23 margin-bottom:1em; 24 font-size:24px; 25 color:blue; 26 border:1px solid black; 27 position:relative; 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 m { font-size:24px; color:blue; line-height:8px; } 48 49 </style> 50 51 </head><body> 52 53 <div class="test t1"><span>0123456|</span><m>…</m></div> 54 <div class="test rtl rlo t1"><span>0123456|</span><m>…</m></div> 55 56 57 </body> 58 </html>