serenity/Tests/LibWeb/Layout/input/block-and-inline/box-with-clearance-and-margin-top.html
Aliaksandr Kalenik 7cc20f4cb5 LibWeb: Reset margin collapsing state only if box indeed add clearance
This fixes the issue when margin collapsing state was always reset if
a box has clear property not equal to none even if it does not actually
introduce clearance.
2023-05-26 18:11:35 +02:00

24 lines
No EOL
451 B
HTML

<style>
.clearfix {
clear: both;
margin-top: 9999px;
margin-bottom: 100px;
background-color: black;
width: 10px;
height: 10px;
}
.square {
float: left;
width: 49px;
height: 49px;
}
.white {
background-color: salmon;
width: 100px;
height: 100px;
}
.black {
background-color: slateblue;
}
</style>
<div><div class="square white"></div><div class="clearfix"></div><div class="square black"></div></div>