| OLD | NEW |
| (Empty) | |
| 1 <!DOCTYPE html> |
| 2 <style> |
| 3 body { margin: 0px; padding; 0px; } |
| 4 #div { display:block; width: 50px; height: 50px; background-color: green; } |
| 5 .float { width: 50px; height: 50px; background-color: green; float: left; } |
| 6 </style> |
| 7 <div id="container" style="width: 500px;"> |
| 8 <div style="height: 50px; width: 50px;"></div> |
| 9 <span>X</span> |
| 10 <div class="float"></div> |
| 11 <div id="div"></div> |
| 12 <div id="float" class="float" data-offset-y=50></div> |
| 13 <span>X</span> |
| 14 </div> |
| 15 <p>crbug.com/585064: Two contiguous anonymous blocks with inline content should
be merged together. There should be a single green rectangle below.</p> |
| 16 <script src="../../../resources/check-layout.js"></script> |
| 17 <script> |
| 18 document.body.offsetTop; |
| 19 document.getElementById("div").style.float = 'left'; |
| 20 checkLayout("#container"); |
| 21 </script> |
| OLD | NEW |