| <!DOCTYPE html> | |
| <style> | |
| .float | |
| { | |
| float: left; | |
| width: 25px; | |
| height: 50px; | |
| background-color: green; | |
| } | |
| .inline-block | |
| { | |
| width: 25px; | |
| height: 50px; | |
| background-color: green; | |
| display: inline-block; | |
| } | |
| </style> | |
| <p>crbug.com/523282: There should be a green <em>square</em> below.</p> | |
| <div> | |
| <div class="inline-block"></div> | |
| <div id="first"></div> | |
| <div class="float"></div> | |
| </div> | |
| <script> | |
| document.body.offsetTop; | |
| document.getElementById("first").style.display = "inline-block"; | |
| </script> |