standards-line-height-ref.html 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  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. .test {
  17. overflow:hidden;
  18. float:left;
  19. white-space:pre;
  20. margin-left:1em;
  21. margin-bottom:1em;
  22. font-size:24px;
  23. color:blue;
  24. border:1px solid black;
  25. position:relative;
  26. }
  27. span {
  28. font-size:16px;
  29. color:black;
  30. }
  31. .rlo {
  32. unicode-bidi: bidi-override; direction:rtl;
  33. }
  34. .lro {
  35. unicode-bidi: bidi-override;
  36. }
  37. .rtl {
  38. direction:rtl;
  39. }
  40. .ltr {
  41. direction:ltr;
  42. }
  43. .t1 { width:4em; }
  44. m { font-size:24px; color:blue; line-height:8px; }
  45. </style>
  46. </head><body>
  47. <div class="test t1"><span>0123456|</span><m>&#x2026;</m></div>
  48. <div class="test rtl rlo t1"><span>0123456|</span><m>&#x2026;</m></div>
  49. </body>
  50. </html>