| 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 |