text-wrap-balance-float-006-ref.html (528B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset=utf-8> 5 <style> 6 body { 7 font: 20px/1 monospace; 8 } 9 .float { 10 float: left; 11 width: 15ch; 12 height: 150px; 13 background: silver; 14 } 15 .mask { 16 width: 15ch; 17 height: 150px; 18 background: green; 19 position: absolute; 20 left: 15ch; 21 } 22 .test { 23 width: 28ch; 24 background: red; 25 } 26 </style> 27 </head> 28 29 <body> 30 <p>There should be no red:</p> 31 <div class="float"> 32 <div class="mask"></div> 33 </div> 34 <p class="test"> 35 Lorem ipsum dolor <span>sit</span> amet consectetur adipisicing elit. 36 </p> 37 </body>