| <!DOCTYPE html> | |
| <link rel="help" href="https://drafts.csswg.org/css-text-4/#valdef-text-wrap-balance"> | |
| <link rel="match" href="reference/text-wrap-balance-float-002-ref.html"> | |
| <style> | |
| .container { | |
| font: 20px/1.5 monospace; | |
| width: 23.5ch; | |
| border: solid 1px; | |
| text-wrap: balance; | |
| } | |
| .float { | |
| background: yellow; | |
| padding: 0.2em 1ch; | |
| line-height: 1.2; | |
| float: right; | |
| } | |
| </style> | |
| <div class="container"><div class="float">FLOAT<br>FLOAT</div>abc de fg hij klm nop qrst uvw xyz!</div> |