float {
    width: 40px;
    height: 50px;
  }
  .larger .float {
    width: 160px;
    height: 200px;
  }
</style>
<div class="container" style="width:200px; background:yellow;">
  <div style="break-after:page;">first</div>
  <div class="float"></div>
  second
</div>
<div class="container smaller" style="width:160px; background:cyan;">
  <div style="break-after:page;">third</div>
  <div class="float"></div>
  fourth
</div>
<div class="container larger" style="width:640px; background:pink;">
  <div style="b