line-breaking-replaced-006.html (994B)
1 <!doctype html> 2 <html> 3 <meta charset="utf-8"> 4 <title>CSS Text — replaced element and punctuation</title> 5 <meta name=assert content="There's a soft wrap opportunity between a replaced element 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-replaced-006-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 div { 12 font: 50px/1 Ahem; 13 } 14 .red { 15 position: absolute; 16 z-index: -1; 17 color: red; 18 white-space: pre; 19 } 20 .test { 21 color: green; 22 width: 0; 23 } 24 </style> 25 26 <p>Test passes if there is a filled green square and <strong>no red</strong>. 27 28 <div class=red><img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" width=50><br>:</div> 29 <div class=test><img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" width=50>:</div>