<!DOCTYPE html>
<link rel="help" href="https://drafts.csswg.org/css-text-4/#valdef-text-wrap-balance">
<!-- This tests that we prefer to accumulate longer lines at the beginning of the block, rather than at the end.
Since specification (see href) doesn't dictates the shape itself, this should not be a general web-platform test, since other UAs might prefer to shape it on a different way. -->
<style>
.container {
  font-family: monospace;
  font-size: 20px;
  width: 20ch;
}
</style>
<div class="container">
  123 567 901 345 789
  123 567 901 345 789
  123 123 567 901<br>
  345 789 123 567<br>
  901 345 789 123
</div>