line-breaking-atomic-009.html (623B)
1 <!doctype html> 2 <html> 3 <meta charset="utf-8"> 4 <title>CSS Text — atomic inline and punctuation</title> 5 <meta name=assert content="There's a soft wrap opportunity between an atomic inline following punctuation"> 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-009-ref.html"> 8 <link rel=author title="Florian Rivoal" href="https://florian.rivoal.net"> 9 <style> 10 div { 11 font-size: 4em; 12 width: 0; 13 } 14 span { 15 display: inline-block; 16 } 17 </style> 18 19 <p>Test passes if there the “:” is under the “A” in the text below. 20 21 <div><span>A</span>:</div>