| <!DOCTYPE html> |
| <title>CSS Test: Floats in nowrap context</title> |
| <link rel="help" href="https://drafts.csswg.org/css2/visuren.html#float-position"> |
| <link rel="help" href="crbug.com/1499290"> |
| <link rel="match" href="float-nowrap-hyphen-rewind-1-ref.html"> |
| <link rel="match" href="float-nowrap-hyphen-rewind-1-ref2.html"> |
| <style> |
| #container { |
| font-family: monospace; |
| font-size: 20px; |
| hyphens: auto; |
| } |
| |
| #container > div { |
| border: 1px solid blue; |
| } |
| |
| #container > div > div { |
| border: 1px solid gray; |
| } |
| |
| span.wrapper { |
| white-space: pre; |
| } |
| |
| .float { |
| float: right; |
| margin-right: -100px; |
| } |
| </style> |
| <div id="container" lang="en-US"> |
| <div style="width: 23ch"> |
| <div> |
| pppp |
| comprehension<span class="wrapper"> ppp<span class="float">float</span></span> |
| pppp |
| </div> |
| <div> |
| pppp |
| comprehension<span class="wrapper">[ppp<span class="float">float</span></span> |
| pppp |
| </div> |
| <div> |
| pppp |
| pppp pppp XXX<span class="wrapper"> ppp<span class="float">float</span></span> |
| pppp |
| </div> |
| <div> |
| pppp |
| pppp pppp XXX<span class="wrapper">[ppp<span class="float">float</span></span> |
| pppp |
| </div> |
| </div> |
| </div> |
