| <!DOCTYPE html> | |
| <style> | |
| .green { | |
| background: green; | |
| float: right; | |
| width: 50%; | |
| height: 100px; | |
| } | |
| .yellow { | |
| background: yellow; | |
| } | |
| </style> | |
| <p>Test passes if the height of yellow box is identical with that of green box.</p> | |
| <div class='green'>Floating box</div> | |
| <p class='yellow'> | |
| <a href='#'>Anchor</a><br> | |
| Text line. | |
| <br style="clear:both"><span></span> | |
| </p> | |
| <script> | |
| document.body.offsetTop; | |
| document.querySelector('a').style.fontSize = '1.5em'; | |
| </script> |