Home Explore Help
Sign In
khronosschoty
/
palemoon-dev
Watch 2
Star 1
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: ac60e7ecec
Branches Tags
palemoon-dev
/
platform
/
layout
/
reftests
/
text-overflow
/
aligned-baseline-ref.html

aligned-baseline-ref.html 2.7 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101 
  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3.     <head>
    4. 

  4.         <title>Testcase for bug 668919</title>
    5. 

  5. 

  6. <style>
    7. 

  7. .tab-title {
    8. 

  8.   overflow:hidden;
    9. 

  9.   text-overflow: ellipsis;
    10. 

  10.   white-space: nowrap;
    11. 

  11.   width: 5em;
    12. 

  12.   height:25px;
    13. 

  13. }
    14. 

  14. 

  15. .c1 { font-size: 14px; }
    16. 

  16. .c2 { font-size: 15px; }
    17. 

  17. .c3 { font-size: 16px; }
    18. 

  18. .c4 { font-size: 17px; }
    19. 

  19. .c5 { font-size: 18px; }
    20. 

  20. .c6 { font-size: 19px; }
    21. 

  21. .c7 { font-size: 20px; }
    22. 

  22. .c8 { font-size: 24px; }
    23. 

  23. .c9 { font-size: 28px; }
    24. 

  24. .c10 { font-size: 32px; }
    25. 

  25. .c11 { font-size: 36px; }
    26. 

  26. 

  27. .p0  { padding-top:0; }
    28. 

  28. .p1  { padding-top:0px; }
    29. 

  29. .p2  { padding-top:0px; }
    30. 

  30. 

  31. .col2 .tab-title { text-shadow: 1px 1px 1px blue; }
    32. 

  32. </style>
    33. 

  33.     </head>
    34. 

  34. <body>
    35. 

  35. 

  36. <div style="position:absolute; top: 0px;">
    37. 

  37. <div class="tab-title c1 p0">CSS is awesome</div>
    38. 

  38. <div class="tab-title c1 p2">CSS is awesome</div>
    39. 

  39. <div class="tab-title c1 p3">CSS is awesome</div>
    40. 

  40. </div>
    41. 

  41. 

  42. <div style="position:absolute; top: 100px;">
    43. 

  43. <div class="tab-title c2 p0">CSS is awesome</div>
    44. 

  44. <div class="tab-title c2 p2">CSS is awesome</div>
    45. 

  45. <div class="tab-title c2 p3">CSS is awesome</div>
    46. 

  46. </div>
    47. 

  47. 

  48. <div style="position:absolute; top: 200px;">
    49. 

  49. <div class="tab-title c3 p0">CSS is awesome</div>
    50. 

  50. <div class="tab-title c3 p2">CSS is awesome</div>
    51. 

  51. <div class="tab-title c3 p3">CSS is awesome</div>
    52. 

  52. </div>
    53. 

  53. 

  54. <div style="position:absolute; top: 300px;">
    55. 

  55. <div class="tab-title c4 p0">CSS is awesome</div>
    56. 

  56. <div class="tab-title c4 p2">CSS is awesome</div>
    57. 

  57. <div class="tab-title c4 p3">CSS is awesome</div>
    58. 

  58. </div>
    59. 

  59. 

  60. <div style="position:absolute; top: 400px;">
    61. 

  61. <div class="tab-title c5 p0">CSS is awesome</div>
    62. 

  62. <div class="tab-title c5 p2">CSS is awesome</div>
    63. 

  63. <div class="tab-title c5 p3">CSS is awesome</div>
    64. 

  64. </div>
    65. 

  65. 

  66. <div class="col2" style="position:absolute; top: 0px; left:8em;">
    67. 

  67. <div style="position:absolute; top: 0px;">
    68. 

  68. <div class="tab-title c1 p0">CSS is awesome</div>
    69. 

  69. <div class="tab-title c1 p2">CSS is awesome</div>
    70. 

  70. <div class="tab-title c1 p3">CSS is awesome</div>
    71. 

  71. </div>
    72. 

  72. 

  73. <div style="position:absolute; top: 100px;">
    74. 

  74. <div class="tab-title c2 p0">CSS is awesome</div>
    75. 

  75. <div class="tab-title c2 p2">CSS is awesome</div>
    76. 

  76. <div class="tab-title c2 p3">CSS is awesome</div>
    77. 

  77. </div>
    78. 

  78. 

  79. <div style="position:absolute; top: 200px;">
    80. 

  80. <div class="tab-title c3 p0">CSS is awesome</div>
    81. 

  81. <div class="tab-title c3 p2">CSS is awesome</div>
    82. 

  82. <div class="tab-title c3 p3">CSS is awesome</div>
    83. 

  83. </div>
    84. 

  84. 

  85. <div style="position:absolute; top: 300px;">
    86. 

  86. <div class="tab-title c4 p0">CSS is awesome</div>
    87. 

  87. <div class="tab-title c4 p2">CSS is awesome</div>
    88. 

  88. <div class="tab-title c4 p3">CSS is awesome</div>
    89. 

  89. </div>
    90. 

  90. 

  91. <div style="position:absolute; top: 400px;">
    92. 

  92. <div class="tab-title c5 p0">CSS is awesome</div>
    93. 

  93. <div class="tab-title c5 p2">CSS is awesome</div>
    94. 

  94. <div class="tab-title c5 p3">CSS is awesome</div>
    95. 

  95. </div>
    96. 

  96. </div>
    97. 

  97. 

  98. 

  99. </body>
    100. 

  100. </html>
    101. 

  101.