line-breaking-atomic-016.html (810B)
1 <!doctype html> 2 <html> 3 <meta charset="utf-8"> 4 <title>CSS Text — COMBINING GRAPHEME JOINER after atomic inline</title> 5 <meta name=assert content="There is no soft wrap opportunity between an atomic inline and a preceeding COMBINING GRAPHEME JOINER"> 6 <link rel=help href="https://www.w3.org/TR/css-text-3/#line-break-details"> 7 <link rel=match href="../../reference/ref-filled-green-100px-square.xht"> 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 div { 12 font: 100px/1 Ahem; 13 color: green; 14 width: 100px; 15 background: red; 16 } 17 span { 18 display: inline-block; 19 color: transparent; 20 } 21 </style> 22 23 <p>Test passes if there is a filled green square and <strong>no red</strong>. 24 25 <div>A͏<span>B</span></div>