| <!DOCTYPE html> | |
| <style> | |
| .container { | |
| font: 20px/1.5 monospace; | |
| width: 26.5ch; | |
| border: solid 1px; | |
| } | |
| .float { | |
| background: yellow; | |
| padding: 0.2em 1ch; | |
| line-height: 1.2; | |
| float: left; | |
| } | |
| .float2 { | |
| background: cyan; | |
| padding: 0.2em 1ch; | |
| line-height: 1.2; | |
| float: right; | |
| } | |
| </style> | |
| <div class="container"><div class="float">FLOAT<br>FLOAT</div>abcde fghi<br>jklm nop<div class="float2">FLOAT<br>FLOAT</div><br>qrst uvw xyz!</div> |