Source code
Revision control
Copy as Markdown
Other Tools
<!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>