<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<style>
  body { margin: 0; }
</style>
<div style="display:flow-root; background:yellow;">
  <div style="float:left; width:50px; height:350vh; background:hotpink;"></div>
  &nbsp;On the first page
</div>
This text should be at the middle of the fourth page.