OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <script src="../../resources/js-test.js"></script> |
| 3 <p>Test that a table-row child of an inline is wrapped inside an inline-table (a
nd table-row-group).</p> |
| 4 <span style="display:inline-block;"> |
| 5 <div id="first" style="display:table-row; color:blue; background:blue;"><div
style="width:1em; height:1em;"></div></div> |
| 6 There should be one blue box above and one below this line. |
| 7 <div id="last" style="display:table-row; color:blue; background:blue;"><div
style="width:1em; height:1em;"></div></div> |
| 8 </span> |
| 9 <div id="console"></div> |
| 10 <script> |
| 11 var firstBottom = document.getElementById('first').getClientRects()[0].botto
m; |
| 12 var lastTop = document.getElementById('last').getClientRects()[0].top; |
| 13 shouldBeGreaterThan("lastTop", "firstBottom"); |
| 14 </script> |
OLD | NEW |