1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/text-overflow/aligned-baseline.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,100 @@
1.4 +<!DOCTYPE html>
1.5 +<html>
1.6 + <head>
1.7 + <title>Testcase for bug 668919</title>
1.8 +
1.9 +<style>
1.10 +.tab-title {
1.11 + overflow:hidden;
1.12 + text-overflow: ellipsis;
1.13 + white-space: nowrap;
1.14 + width: 5em;
1.15 + height:25px;
1.16 +}
1.17 +
1.18 +.c1 { font-size: 14px; }
1.19 +.c2 { font-size: 15px; }
1.20 +.c3 { font-size: 16px; }
1.21 +.c4 { font-size: 17px; }
1.22 +.c5 { font-size: 18px; }
1.23 +.c6 { font-size: 19px; }
1.24 +.c7 { font-size: 20px; }
1.25 +.c8 { font-size: 24px; }
1.26 +.c9 { font-size: 28px; }
1.27 +.c10 { font-size: 32px; }
1.28 +.c11 { font-size: 36px; }
1.29 +
1.30 +.p0 { padding-top:0; }
1.31 +.p1 { padding-top:0.1px; }
1.32 +.p2 { padding-top:0.2px; }
1.33 +
1.34 +.col2 .tab-title { text-shadow: 1px 1px 1px blue; }
1.35 +</style>
1.36 + </head>
1.37 +<body>
1.38 +
1.39 +<div style="position:absolute; top: 0px;">
1.40 +<div class="tab-title c1 p0">CSS is awesome</div>
1.41 +<div class="tab-title c1 p2">CSS is awesome</div>
1.42 +<div class="tab-title c1 p3">CSS is awesome</div>
1.43 +</div>
1.44 +
1.45 +<div style="position:absolute; top: 100px;">
1.46 +<div class="tab-title c2 p0">CSS is awesome</div>
1.47 +<div class="tab-title c2 p2">CSS is awesome</div>
1.48 +<div class="tab-title c2 p3">CSS is awesome</div>
1.49 +</div>
1.50 +
1.51 +<div style="position:absolute; top: 200px;">
1.52 +<div class="tab-title c3 p0">CSS is awesome</div>
1.53 +<div class="tab-title c3 p2">CSS is awesome</div>
1.54 +<div class="tab-title c3 p3">CSS is awesome</div>
1.55 +</div>
1.56 +
1.57 +<div style="position:absolute; top: 300px;">
1.58 +<div class="tab-title c4 p0">CSS is awesome</div>
1.59 +<div class="tab-title c4 p2">CSS is awesome</div>
1.60 +<div class="tab-title c4 p3">CSS is awesome</div>
1.61 +</div>
1.62 +
1.63 +<div style="position:absolute; top: 400px;">
1.64 +<div class="tab-title c5 p0">CSS is awesome</div>
1.65 +<div class="tab-title c5 p2">CSS is awesome</div>
1.66 +<div class="tab-title c5 p3">CSS is awesome</div>
1.67 +</div>
1.68 +
1.69 +<div class="col2" style="position:absolute; top: 0px; left:8em;">
1.70 +<div style="position:absolute; top: 0px;">
1.71 +<div class="tab-title c1 p0">CSS is awesome</div>
1.72 +<div class="tab-title c1 p2">CSS is awesome</div>
1.73 +<div class="tab-title c1 p3">CSS is awesome</div>
1.74 +</div>
1.75 +
1.76 +<div style="position:absolute; top: 100px;">
1.77 +<div class="tab-title c2 p0">CSS is awesome</div>
1.78 +<div class="tab-title c2 p2">CSS is awesome</div>
1.79 +<div class="tab-title c2 p3">CSS is awesome</div>
1.80 +</div>
1.81 +
1.82 +<div style="position:absolute; top: 200px;">
1.83 +<div class="tab-title c3 p0">CSS is awesome</div>
1.84 +<div class="tab-title c3 p2">CSS is awesome</div>
1.85 +<div class="tab-title c3 p3">CSS is awesome</div>
1.86 +</div>
1.87 +
1.88 +<div style="position:absolute; top: 300px;">
1.89 +<div class="tab-title c4 p0">CSS is awesome</div>
1.90 +<div class="tab-title c4 p2">CSS is awesome</div>
1.91 +<div class="tab-title c4 p3">CSS is awesome</div>
1.92 +</div>
1.93 +
1.94 +<div style="position:absolute; top: 400px;">
1.95 +<div class="tab-title c5 p0">CSS is awesome</div>
1.96 +<div class="tab-title c5 p2">CSS is awesome</div>
1.97 +<div class="tab-title c5 p3">CSS is awesome</div>
1.98 +</div>
1.99 +</div>
1.100 +
1.101 +
1.102 +</body>
1.103 +</html>
