<!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>