media/W3C/video/events/event_progress_manual.html is a flaky failure
[WebKit-https.git] / LayoutTests / css2.1 / t100801-c544-valgn-04-d-agi.html
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
2 <html>
3  <head>
4   <title>CSS 2.1 Test Suite: vertical-align</title>
5   <style type="text/css">
6    p {font-size: 12pt;}
7    p.example { font: 15px/1 Ahem; color: blue; background: white url(support/square-white.png); border: 1px solid silver; padding: 0.5em; margin: 1em; }
8    .no {color: silver;}
9    big {font-size: 20px;}
10    small {font-size: 10px;}
11    .topalign {vertical-align: top;}
12   </style>
13   <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#q26" title="10.8.1 Leading and half-leading">
14  </head>
15  <body>
16   <p class="explain">
17    Change your window size. However the lines wrap, the blue
18    rectanglues should always have their tops on the same alignment as
19    other blue rectangles on the line.
20   </p>
21   <p class="example">
22    <span class="topalign">xxx</span>
23    <img alt="[Image]" src="support/swatch-blue.png" class="topalign" height="10">
24    <span style="font-size: 250%;" class="topalign">xxx</span>
25    <img alt="[Image]" src="support/swatch-blue.png" class="topalign" height="10">
26    <span class="topalign">xxx</span>
27    <img alt="[Image]" src="support/swatch-blue.png" class="topalign" height="10">
28    <span class="topalign">xxx</span>
29    <img alt="[Image]" src="support/swatch-blue.png" class="topalign" height="10">
30    <big class="topalign">xxx</big>
31    <img alt="[Image]" src="support/swatch-blue.png" class="topalign" height="20">
32    <span class="topalign">xxx</span>
33    <img alt="[Image]" src="support/swatch-blue.png" class="topalign" height="65">
34    <span class="topalign">xxx</span>
35    <img alt="[Image]" src="support/swatch-blue.png" class="topalign" height="35">
36    <span style="font-size: 2em;" class="topalign">xxx</span>
37    <img alt="[Image]" src="support/swatch-blue.png" class="topalign" height="50">
38    <span class="topalign">xxx</span>
39    <img alt="[Image]" src="support/swatch-blue.png" class="topalign" height="15">
40    <big class="topalign">xxx</big>
41    <img alt="[Image]" src="support/swatch-blue.png" class="topalign" height="90">
42   </p>
43  </body>
44 </html>