line-break-loose-hyphens-003.html | Explore in Territory

<!doctype html>
<html lang=en>
<meta charset=utf-8>
<title>CSS test: hyphens and line-break:loose</title>
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
<link rel=help href="https://drafts.csswg.org/css-text-3/#propdef-line-break">
<link rel=match href="reference/line-break-loose-hyphens-003-ref.html">
<meta name=assert content="breaks before U+2010 or U+2013 when line-break is loose are not allowed if the preceding character is not of line-breaking class ID.">
<style>
div {
  font-family: monospace;
  width: 2ch;
  line-break: loose;
}
</style>

<p>The test passes if there are two lines of text below
and they both end with a hyphen.
(Note: the hyphens do no need to be the same size.)

<div>aa‐</div>
<div>aa–</div>

chromium/third_party/blink/web_tests/external/wpt/css/css-text/line-break/line-break-loose-hyphens-003.html