<style>
div {
  font-family: Monospace;
  font-size: 14px;
  border: solid green;
  width: 6ch;
  -webkit-hyphens: auto;
}
</style>
<div id=hyphen1 lang=en></div>
<div id=hyphen2 lang=en></div>
<script>
document.body.offsetHeight;
hyphen1.appendChild(document.createTextNode("high"));
hyphen1.appendChild(document.createTextNode("way"));
hyphen2.appendChild(document.createTextNode("h"));
hyphen2.appendChild(document.createTextNode("i"));
hyphen2.appendChild(document.createTextNode("g"));
hyphen2.appendChild(document.createTextNode("h"));
hyphen2.appendChild(document.createTextNode("w"));
hyphen2.appendChild(document.createTextNode("a"));
hyphen2.appendChild(document.createTextNode("y"));
</script>
