float-nowrap-hyphen-rewind-1.html (1197B)
1 <!DOCTYPE html> 2 <title>CSS Test: Floats in nowrap context</title> 3 <link rel="help" href="https://drafts.csswg.org/css2/visuren.html#float-position"> 4 <link rel="help" href="crbug.com/1499290"> 5 <link rel="match" href="float-nowrap-hyphen-rewind-1-ref.html"> 6 <link rel="match" href="float-nowrap-hyphen-rewind-1-ref2.html"> 7 <style> 8 #container { 9 font-family: monospace; 10 font-size: 20px; 11 hyphens: auto; 12 } 13 14 #container > div { 15 border: 1px solid blue; 16 } 17 18 #container > div > div { 19 border: 1px solid gray; 20 } 21 22 span.wrapper { 23 white-space: pre; 24 } 25 26 .float { 27 float: right; 28 margin-right: -100px; 29 } 30 </style> 31 <div id="container" lang="en-US"> 32 <div style="width: 23ch"> 33 <div> 34 pppp 35 comprehension<span class="wrapper"> ppp<span class="float">float</span></span> 36 pppp 37 </div> 38 <div> 39 pppp 40 comprehension<span class="wrapper">[ppp<span class="float">float</span></span> 41 pppp 42 </div> 43 <div> 44 pppp 45 pppp pppp XXX<span class="wrapper"> ppp<span class="float">float</span></span> 46 pppp 47 </div> 48 <div> 49 pppp 50 pppp pppp XXX<span class="wrapper">[ppp<span class="float">float</span></span> 51 pppp 52 </div> 53 </div> 54 </div>