ladybird/Tests/LibWeb/Layout/input/flex/justify-content-on-min-content-with-gap.html
Psychpsyo 1fa3b16c8c
Some checks are pending
Lint Code / lint (push) Waiting to run
CI / Lagom (arm64, Sanitizer_CI, false, macos-15, macOS, Clang) (push) Waiting to run
CI / Lagom (x86_64, Fuzzers_CI, false, ubuntu-24.04, Linux, Clang) (push) Waiting to run
CI / Lagom (x86_64, Sanitizer_CI, false, ubuntu-24.04, Linux, GNU) (push) Waiting to run
CI / Lagom (x86_64, Sanitizer_CI, true, ubuntu-24.04, Linux, Clang) (push) Waiting to run
Package the js repl as a binary artifact / build-and-package (arm64, macos-15, macOS, macOS-universal2) (push) Waiting to run
Package the js repl as a binary artifact / build-and-package (x86_64, ubuntu-24.04, Linux, Linux-x86_64) (push) Waiting to run
Run test262 and test-wasm / run_and_update_results (push) Waiting to run
Label PRs with merge conflicts / auto-labeler (push) Waiting to run
Push notes / build (push) Waiting to run
Meta: Add doctypes to some flex layout tests
This adds doctypes to all the remaining flexbox layout tests.
2025-05-12 23:15:06 +01:00

31 lines
712 B
HTML

<!DOCTYPE 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>