<!DOCTYPE html>
<style>
.green {
display:inline-block;
background: green;
width: 50%;
}
.yellow {
background: yellow;
width: 50%;
}
</style>
<p>Test passes if yellow block is alongside green block, not in next line.</p>
<div>
<div class='green'>
<h1>Inline block<h1>
</div>
<div class='yellow'>
<h1>Floating block</h1>
</div>
</div>
<script>
window.onload = function() {
document.body.offsetTop;
document.querySelector('.yellow').style.float = 'right';
}
</script>