text-wrap-balance-layout-001-ref.html

<!DOCTYPE html>
<style>
.container {
  font-size: 20px;
  width: 60ch;
  border: 1px solid blue;
}
</style>
<div class="container">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  Mauris<br>ut elit lacus, non convallis odio.
  Integer facilisis, dolor quis<br>porttitor auctor,
  nisi tellus aliquet urna, a dignissim orci nisl in<br>nunc.
  Vivamus elit risus, sagittis et lacinia quis, blandit ac elit.
</div>
<div class="container" style="width: 50ch">
  Lorem ipsum dolor sit amet, consectetur adipiscing<br>elit.
  Mauris ut elit lacus, non convallis odio.<br>
  Integer facilisis, dolor quis porttitor auctor,
  nisi<br>tellus aliquet urna, a dignissim orci nisl in nunc.
</div>
<div class="container" style="width: 25ch">
  Lorem ipsum dolor sit amet,<br>consectetur adipiscing<br>elit.
  Mauris ut elit lacus,<br>non convallis odio.
</div>
<div class="container" style="width: 17ch">
  Lorem ipsum dolor<br>sit amet, consectetur<br>adipiscing elit.
</div>
<div class="container" style="width: 40ch">
  Lorem ipsum dolor sit amet,<br>consectetur adipiscing elit.
</div>

chromium/third_party/blink/web_tests/wpt_internal/css/css-text/white-space/text-wrap-balance-layout-001-ref.html