standards-line-height.html 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <!DOCTYPE HTML>
  2. <!--
  3. Any copyright is dedicated to the Public Domain.
  4. http://creativecommons.org/licenses/publicdomain/
  5. Test: Standards mode line height should not be affected by marker
  6. -->
  7. <html><head>
  8. <title>text-overflow: Standards 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. .test {
  18. overflow:hidden;
  19. text-overflow:ellipsis;
  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. }
  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. </style>
  46. </head><body>
  47. <div class="test t1"><span>0123456|890123456789</span></div>
  48. <div class="test rtl rlo t1"><span>0123456|89012345</span></div>
  49. </body>
  50. </html>