backplate-bg-image-005-ref.html (769B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <link rel="stylesheet" type="text/css" href="ahem.css" /> 5 <title>Reference: Preserved whitespace should contribute to overall backplate sizing.</title> 6 <style> 7 body { 8 font: 20px Ahem; 9 } 10 .sample { 11 background-image: url("blue.png"); 12 white-space: pre; 13 padding: 10px; 14 } 15 .fake-backplate { 16 background-color: white; 17 width: max-content; 18 } 19 .no-backplate { 20 display: inline-block; 21 } 22 </style> 23 </head> 24 <body> 25 ppppp ppppp<div class="sample"><span class="fake-backplate"> ppppp ppppp</span></div>ppppp ppppp 26 <div class="sample"><span class="fake-backplate">ppppp ppppp </span></div> 27 <div class="sample"><span class="no-backplate"></span></div> 28 </body> 29 </html>