Newer
Older
minerva / Tests / LibWeb / Layout / input / block-and-inline / block-level-floating-box-with-clearance.html
@minerva minerva on 13 Jul 569 bytes Initial commit
<!DOCTYPE html><style>
* { outline: 1px solid black; }
body { width: 600px; }
div {
    width: 100px;
    height: 100px;
}
#top {
    float: left;
    background: green;
}
#left {
    float: left;
    background: pink;
    clear: both;
}
#right {
    float: left;
    background: orange;
}
.normal {
    width: 300px;
    height: 300px;
    background-color: gray;
    border: 10px solid sandybrown;
}
</style><body><div class="normal"></div><div id="top">top</div><div id="left">left</div><div id="right">right</div><div class="normal"></div><div class="normal"></div>