OLD | NEW |
| (Empty) |
1 <!doctype html> | |
2 <head> | |
3 <title>line-box-contain parsing test</title> | |
4 <style> | |
5 .test { font: 64px/1em Ahem; background-color:lime; width:5em; overflow:hidden;
margin:0.5em 0 } | |
6 .goodline { color: green; line-height:2 } | |
7 .invalid1 { -webkit-line-box-contain: block inline inline } | |
8 .invalid2 { -webkit-line-box-contain: block block } | |
9 .invalid3 { -webkit-line-box-contain: block replaced inline inline } | |
10 .invalid4 { -webkit-line-box-contain: none block } | |
11 </style> | |
12 </head> | |
13 <body> | |
14 All of these blocks should look the same. | |
15 | |
16 <div class="test"> | |
17 <span class="goodline">xxxxx</span><br> | |
18 <div style="display:inline-block; width:4em;background-color:lime; color:green">
xxxx</div><span class="goodline">x</span> | |
19 </div> | |
20 | |
21 <div class="test invalid1"> | |
22 <span class="goodline">xxxxx</span><br> | |
23 <div style="display:inline-block; width:4em;background-color:lime; color:green">
xxxx</div><span class="goodline">x</span> | |
24 </div> | |
25 | |
26 <div class="test invalid2"> | |
27 <span class="goodline">xxxxx</span><br> | |
28 <div style="display:inline-block; width:4em;background-color:lime; color:green">
xxxx</div><span class="goodline">x</span> | |
29 </div> | |
30 | |
31 <div class="test invalid3"> | |
32 <span class="goodline">xxxxx</span><br> | |
33 <div style="display:inline-block; width:4em;background-color:lime; color:green">
xxxx</div><span class="goodline">x</span> | |
34 </div> | |
35 | |
36 <div class="test invalid4"> | |
37 <span class="goodline">xxxxx</span><br> | |
38 <div style="display:inline-block; width:4em;background-color:lime; color:green">
xxxx</div><span class="goodline">x</span> | |
39 </div> | |
40 | |
OLD | NEW |