mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2026-04-19 10:20:22 +00:00
3d97251da3
This fixes an issue where floating children of a table box would not get laid out at all if they were surrounded by nothing but whitespace.
25 lines
No EOL
570 B
HTML
25 lines
No EOL
570 B
HTML
<!doctype html><style type="text/css">
|
|
* { outline: 1px solid black; }
|
|
html { background: white; }
|
|
body {
|
|
width: 300px;
|
|
height: 300px;
|
|
background: pink;
|
|
}
|
|
main {
|
|
display: table;
|
|
position: relative;
|
|
}
|
|
.cell {
|
|
display: table-cell;
|
|
width: 100px;
|
|
height: 100px;
|
|
background: magenta;
|
|
}
|
|
.floaty {
|
|
float: left;
|
|
width: 100px;
|
|
height: 100px;
|
|
background: orange;
|
|
}
|
|
</style><body><main><div class="floaty"></div> <div class="cell"></div> |