OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <style> | 4 <style> |
5 body > span { | 5 body > span { |
6 display: inline-block; | 6 display: inline-block; |
7 vertical-align: top; | 7 vertical-align: top; |
8 font: 20px/1 Ahem; | 8 font: 20px/1 Ahem; |
9 } | 9 } |
10 .container-absolute > label > span { | 10 .container-absolute > label > span { |
(...skipping 10 matching lines...) Expand all Loading... |
21 margin-top: 0px; | 21 margin-top: 0px; |
22 margin-bottom: 0px; | 22 margin-bottom: 0px; |
23 padding-top: 0px; | 23 padding-top: 0px; |
24 padding-bottom: 0px; | 24 padding-bottom: 0px; |
25 } | 25 } |
26 </style> | 26 </style> |
27 <script src="../../resources/check-layout.js"></script> | 27 <script src="../../resources/check-layout.js"></script> |
28 </head> | 28 </head> |
29 <body> | 29 <body> |
30 <p>webkit.org/p/114311: The text should be inside the input controls. </
p> | 30 <p>webkit.org/p/114311: The text should be inside the input controls. </
p> |
31 <span id="id1" class="container-absolute" data-expected-height="20px"><l
abel for="input-field"><span>Input</span></label> <input id="input-field" typ
e="text"></span> | 31 <span id="id1" class="container-absolute" data-expected-height="20"><lab
el for="input-field"><span>Input</span></label> <input id="input-field" type=
"text"></span> |
32 <span id="id2" class="container-float" data-expected-height="30px"><labe
l for="input-field"><span>Input</span></label> <input id="input-field" type="
text"></span> | 32 <span id="id2" class="container-float" data-expected-height="30"><label
for="input-field"><span>Input</span></label> <input id="input-field" type="te
xt"></span> |
33 <span id="id3" class="container-absolute" data-expected-height="20px"><l
abel for="input-field"><span>Input</span></label> <input id="input-field" type="
text"></span> | 33 <span id="id3" class="container-absolute" data-expected-height="20"><lab
el for="input-field"><span>Input</span></label> <input id="input-field" type="te
xt"></span> |
34 <span id="id4" class="container-float" data-expected-height="30px"><labe
l for="input-field"><span>Input</span></label> <input id="input-field" type="tex
t"></span> | 34 <span id="id4" class="container-float" data-expected-height="30"><label
for="input-field"><span>Input</span></label> <input id="input-field" type="text"
></span> |
35 <span id="id5" class="container-absolute" data-expected-height="20px"><l
abel for="input-field"><span>Input</span></label><input id="input-field" type="t
ext"></span> | 35 <span id="id5" class="container-absolute" data-expected-height="20"><lab
el for="input-field"><span>Input</span></label><input id="input-field" type="tex
t"></span> |
36 <span id="id6" class="container-float" data-expected-height="30px"><labe
l for="input-field"><span>Input</span></label><input id="input-field" type="text
"></span> | 36 <span id="id6" class="container-float" data-expected-height="30"><label
for="input-field"><span>Input</span></label><input id="input-field" type="text">
</span> |
37 <span id="id7" class="container-absolute" data-expected-height="20px"> | 37 <span id="id7" class="container-absolute" data-expected-height="20"> |
38 <label for="input-field"><span>Input</span></label> | 38 <label for="input-field"><span>Input</span></label> |
39 <input id="input-field" type="text"> | 39 <input id="input-field" type="text"> |
40 </span> | 40 </span> |
41 <span id="id8" class="container-float" data-expected-height="30px"> | 41 <span id="id8" class="container-float" data-expected-height="30"> |
42 <label for="input-field"><span>Input</span></label> | 42 <label for="input-field"><span>Input</span></label> |
43 <input id="input-field" type="text"> | 43 <input id="input-field" type="text"> |
44 </span> | 44 </span> |
45 <script> | 45 <script> |
46 checkLayout('#id1'); | 46 checkLayout('#id1'); |
47 checkLayout('#id2'); | 47 checkLayout('#id2'); |
48 checkLayout('#id3'); | 48 checkLayout('#id3'); |
49 checkLayout('#id4'); | 49 checkLayout('#id4'); |
50 checkLayout('#id5'); | 50 checkLayout('#id5'); |
51 checkLayout('#id6'); | 51 checkLayout('#id6'); |
52 checkLayout('#id7'); | 52 checkLayout('#id7'); |
53 checkLayout('#id8'); | 53 checkLayout('#id8'); |
54 </script> | 54 </script> |
55 </body> | 55 </body> |
56 </html> | 56 </html> |
OLD | NEW |