testing/web-platform/tests/css/css-text/line-breaking/line-breaking-atomic-004.html

   1 <!doctype html>
   2 <html>
   3 <meta charset="utf-8">
   4 <title>CSS Text — NARROW NO-BREAK SPACE before atomic inline</title>
   5 <meta name=assert content="There is a soft wrap opportunity between an atomic inline and a following NARROW NO-BREAK SPACE">
   6 <link rel=help href="https://www.w3.org/TR/css-text-3/#line-break-details">
   7 <link rel=match href="reference/line-breaking-atomic-004-ref.html">
   8 <link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
   9 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
  10 <style>
  11 .red {
  12   font: 50px/1 Ahem;
  13   position: absolute;
  14   z-index: -1;
  15   color: red;
  16 }
  17
  18 .test {
  19   font: 50px/1 Ahem;
  20   color: green;
  21   width: 100px;
  22   height: 100px;
  23 }
  24 span {
  25   display: inline-block;
  26 }
  27 </style>
  28
  29 <p>Test passes if there is a filled green square and <strong>no red</strong>.
  30
  31 <div class=red>&#8239;AB<br>&#8239;CD</div>
  32 <div class=test><span>&#8239;AB</span>&#8239;CD</div>