| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <link href="resources/flexbox.css" rel="stylesheet"> | 4 <link href="resources/flexbox.css" rel="stylesheet"> |
| 5 <style> | 5 <style> |
| 6 .flexbox { | 6 .flexbox { |
| 7 background-color: lightgrey; | 7 background-color: lightgrey; |
| 8 } | 8 } |
| 9 .flexbox p { | 9 .flexbox p { |
| 10 height: 100px; | 10 height: 100px; |
| 11 width: 100px; | 11 width: 100px; |
| 12 margin: 10px; | 12 margin: 10px; |
| 13 background-color: blue; | 13 background-color: blue; |
| 14 } | 14 } |
| 15 </style> | 15 </style> |
| 16 <script src="../../fast/js/resources/js-test-pre.js"></script> | 16 <script src="../../resources/js-test.js"></script> |
| 17 <script src="../../resources/check-layout.js"></script> | 17 <script src="../../resources/check-layout.js"></script> |
| 18 </head> | 18 </head> |
| 19 <body onload="checkLayout('.flexbox')"> | 19 <body onload="checkLayout('.flexbox')"> |
| 20 | 20 |
| 21 <div class="flexbox" style="position: relative"> | 21 <div class="flexbox" style="position: relative"> |
| 22 <div data-offset-x="0" data-offset-y="0" data-expected-width="120" data-expected
-height="120"> | 22 <div data-offset-x="0" data-offset-y="0" data-expected-width="120" data-expected
-height="120"> |
| 23 <p data-offset-x="10" data-offset-y="10" data-expected-width="100" data-expe
cted-height="100"></p> | 23 <p data-offset-x="10" data-offset-y="10" data-expected-width="100" data-expe
cted-height="100"></p> |
| 24 </div> | 24 </div> |
| 25 </div> | 25 </div> |
| 26 | 26 |
| 27 </body> | 27 </body> |
| 28 </html> | 28 </html> |
| OLD | NEW |