ladybird/Base/res/html/misc/float-1.html

<style>
#lefty {
    float: left;
    background: red;
    width: 100px;
    height: 100px;
}
#righty {
    float: right;
    background: green;
    width: 50px;
    height: 50px;
}
#lefty2 {
    float: left;
    background: orange;
    width: 80px;
    height: 80px;
}
#righty2 {
    float: right;
    background: magenta;
    width: 30px;
    height: 30px;
}
#lefty3 {
    float: left;
    background: cyan;
    width: 40px;
    height: 40px;
}
#righty3 {
    float: right;
    background: silver;
    width: 20px;
    height: 20px;
}
</style>
</style>
<body>
    <div>
        <div id=lefty>L</div>
        <div id=righty>R</div>
    </div>
    <div>
        <div id=lefty2>L2</div>
        <div id=righty2>R2</div>
    </div>
    <div>
        <div id=lefty3>L3</div>
        <div id=righty3>R3</div>
    </div>
    <div>
    lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
    lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
    lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
    lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
    lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
    </div>
</body>
Base: Add a simple HTML test page for CSS floats 2020-12-05 16:16:42 -03:00			`<style>`
			`#lefty {`
			`float: left;`
			`background: red;`
			`width: 100px;`
			`height: 100px;`
			`}`
			`#righty {`
			`float: right;`
			`background: green;`
			`width: 50px;`
			`height: 50px;`
			`}`
			`#lefty2 {`
			`float: left;`
			`background: orange;`
			`width: 80px;`
			`height: 80px;`
			`}`
			`#righty2 {`
			`float: right;`
			`background: magenta;`
			`width: 30px;`
			`height: 30px;`
			`}`
			`#lefty3 {`
			`float: left;`
			`background: cyan;`
			`width: 40px;`
			`height: 40px;`
			`}`
			`#righty3 {`
			`float: right;`
			`background: silver;`
			`width: 20px;`
			`height: 20px;`
			`}`
			`</style>`
			`</style>`
			`<body>`
			`<div>`
			`<div id=lefty>L</div>`
			`<div id=righty>R</div>`
			`</div>`
			`<div>`
			`<div id=lefty2>L2</div>`
			`<div id=righty2>R2</div>`
			`</div>`
			`<div>`
			`<div id=lefty3>L3</div>`
			`<div id=righty3>R3</div>`
			`</div>`
			`<div>`
Everywhere: Remove unnecessary whitespace at the end of some lines. 2021-03-07 20:19:37 -03:00			`lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum`
			`lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum`
			`lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum`
			`lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum`
			`lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum`
Base: Add a simple HTML test page for CSS floats 2020-12-05 16:16:42 -03:00			`</div>`
			`</body>`