ladybird/Tests/LibWeb/Layout/input/flex/justify-content-on-min-content-with-gap.html
BenJilks 47aee289d8 LibWeb: Change flex remaining space distribution to include gap
The remaining space is in addition to, not of in place of the
main gap.
2024-07-05 21:31:41 +02:00

30 lines
696 B
HTML

<style>
.container {
display: flex;
flex-direction: row;
gap: 20px;
width: min-content;
}
.box {
background-color: crimson;
width: 40px;
height: 40px;
}
</style>
<div class="container" style="justify-content: space-between">
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
</div>
<div class="container" style="justify-content: space-around">
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
</div>
<div class="container" style="justify-content: space-evenly">
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
</div>