line-breaking-atomic-002.html (902B)
1 <!doctype html> 2 <html> 3 <meta charset="utf-8"> 4 <title>CSS Text — NBSP after atomic inline</title> 5 <meta name=assert content="There's a soft wrap opportunity between an atomic inline and a following NBSP"> 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 .red { 12 width: 100px; 13 height: 100px; 14 background: red; 15 position: absolute; 16 z-index: -1; 17 } 18 19 .test { 20 font: 50px/1 Ahem; 21 color: green; 22 width: 100px; 23 height: 100px; 24 margin-left: -50px; 25 } 26 span { 27 display: inline-block; 28 } 29 </style> 30 31 <p>Test passes if there is a filled green square and <strong>no red</strong>. 32 33 <div class=red></div> 34 <div class=test><span> AB</span> CD</div>