<main>
  <h1 class="balance">This is a headline with balanced text-wrapping.</h1>
  
  <h1>This is a headline without balanced text-wrapping.</h1>
  
  <p class="pretty">This is a paragraph with pretty text wrapping. Blanditiis suscipit maxime voluptatem debitis nemo, saepe veritatis ullam animi quis, accusamus ea recusandae magnam est sapiente cumque quos. Illo, maiores aliquid.</p>
  <p>This is a paragraph without pretty text wrapping. Blanditiis suscipit maxime voluptatem debitis nemo, saepe veritatis ullam animi quis, accusamus ea recusandae magnam est sapiente cumque quos. Illo, maiores aliquid.</p>
</main>

.balance {
  text-wrap: balance;
}
.pretty {
  text-wrap: pretty;
}


html {
  font-family: system-ui, sans-serif;
}

main {
  max-inline-size: 60ch;
  margin-inline: auto;
}