hyphens-auto-mock.html | Explore in Territory

<!DOCTYPE html>
<style>
div {
  border: thin solid black;
  display: inline-block;
  font-family: 'Courier New';
  -webkit-hyphens: auto;
  hyphens: auto;
  vertical-align: top;
  min-width: 11ch;
}

span {
  border: thin solid black;
  display: block;
}

img {
  width: 1em;
  height: 1em;
  background-color: blue;
}
</style>
<script>
if (window.internals)
  internals.setMockHyphenation('en-us');
</script>
<div lang="en-us">
  <div>
    <span style="width: 2ch;">hyphenation<img></span>
    <span style="width: 3.1ch;">hyphenation<img></span>
    <span style="width: 4ch;">hyphenation<img></span>
    <span style="width: 5.1ch;">hyphenation<img></span>
    <span style="width: 6ch;">hyphenation<img></span>
    <span style="width: 7.1ch;">hyphenation<img></span>
    <span style="width: 8ch;">hyphenation<img></span>
    <span style="width: 9ch;">hyphenation<img></span>
    <span style="width: 10ch;">hyphenation<img></span>
    <span style="width: 11.4ch;">hyphenation<img></span>
  </div>
  <div>
    <span style="width: 2ch;">hyphenation test</span>
    <span style="width: 3.1ch;">hyphenation test</span>
    <span style="width: 4ch;">hyphenation test</span>
    <span style="width: 5.1ch;">hyphenation test</span>
    <span style="width: 6ch;">hyphenation test</span>
    <span style="width: 7.1ch;">hyphenation test</span>
    <span style="width: 8ch;">hyphenation test</span>
    <span style="width: 9ch;">hyphenation test</span>
    <span style="width: 10ch;">hyphenation test</span>
    <span style="width: 11ch;">hyphenation test</span>
  </div>
  <div>
    <span style="width: 2ch;">a hyphenation test</span>
    <span style="width: 3.1ch;">a hyphenation test</span>
    <span style="width: 4ch;">a hyphenation test</span>
    <span style="width: 5.1ch;">a hyphenation test</span>
    <span style="width: 6ch;">a hyphenation test</span>
    <span style="width: 7.1ch;">a hyphenation test</span>
  </div>
  <div>
    <span style="width: 8ch;">a hyphenation test</span>
    <span style="width: 9.1ch;">a hyphenation test</span>
    <span style="width: 10ch;">a hyphenation test</span>
    <span style="width: 11ch;">a hyphenation test</span>
    <span style="width: 12ch;">a hyphenation test</span>
    <span style="width: 13.4ch;">a hyphenation test</span>
  </div>
</div>
chromium/third_party/blink/web_tests/virtual/text-antialias/hyphens/hyphens-auto-mock.html
