line-breaking-replaced-002.html (1018B)
1 <!doctype html> 2 <html> 3 <meta charset="utf-8"> 4 <title>CSS Text — NARROW NO-BREAK SPACE and replaced element</title> 5 <meta name=assert content="There is no soft wrap opportunity between replaced elements and adjacent 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-replaced-002-ref.html"> 8 <link rel=author title="Florian Rivoal" href="https://florian.rivoal.net"> 9 <style> 10 .test { 11 width: 50px; 12 } 13 .red { 14 position: absolute; 15 color: red; 16 z-index: -1; 17 padding-left: 60px; 18 padding-top: 40px; 19 } 20 </style> 21 22 <p>Test passes if there is no red. 23 24 <div class=red> XX</div> 25 26 <div class=test><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50 height=100> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50 height=100></div>