Blitz - WPT: hyphens-punctuation-001.html

wpt / css / css-text / hyphens / hyphens-punctuation-001.html

/css/css-text/hyphens/hyphens-punctuation-001.html

<!DOCTYPE html>
<title>CSS Text Test: Automatic hyphenation for trailing punctuation characters</title>
<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#hyphens-property">
<link rel="match" href="reference/hyphens-punctuation-001-ref.html">
<style>
div {
  hyphens: auto;
  width: 5ch;
  border: 1px solid blue;
}
</style>
<body lang="en-us">
  <div>00000 example 00000</div>
  <div>00000 example. 00000</div>
  <div>00000 (example 00000</div>
</body>

/css/css-text/hyphens/reference/hyphens-punctuation-001-ref.html

<!DOCTYPE html>
<style>
div {
  width: 5ch;
  border: 1px solid blue;
}
</style>
<body lang="en-us">
  <div>00000 ex&shy;am&shy;ple 00000</div>
  <div>00000 ex&shy;am&shy;ple. 00000</div>
  <div>00000 (ex&shy;am&shy;ple 00000</div>
</body>