<!DOCTYPE html>
<style>
div {
  width: 5ch;
  border: 1px solid blue;
}
</style>
<body lang="en-us">
  <div style="width: 10ch">Test example</div>
  <div>ex&shy;am&shy;ple</div>
  <div>1<br>ex&shy;am&shy;ple</div>
  <div>1234 ex&shy;am&shy;ple</div>
  <div>ex&shy;am&shy;ple 5678</div>
  <div>1234 ex&shy;am&shy;ple 5678</div>
</body>
