ladybird/Tests/LibWeb/Layout/input/flex-container-width-constrained.html

<!DOCTYPE html>
<style>
    body {
        font-family: 'SerenitySans';
    }

    .container {
        display: flex;
        border: 1px solid salmon;
        width: 250px;
    }

    .box {
        width: 100px;
        height: 100px;
        border: 1px solid black;
    }
</style>
<div class="container width-constrained">
    <div class="box">1</div>
    <div class="box">2</div>
    <div class="box">3</div>
</div>
Meta: Add doctypes to more layout tests 2025-05-04 16:35:21 +02:00			`<!DOCTYPE html>`
LibWeb: Add tests for flex formatting context 2023-02-08 01:40:38 +03:00			`<style>`
			`body {`
			`font-family: 'SerenitySans';`
			`}`

			`.container {`
			`display: flex;`
			`border: 1px solid salmon;`
			`width: 250px;`
			`}`

			`.box {`
			`width: 100px;`
			`height: 100px;`
			`border: 1px solid black;`
			`}`
			`</style>`
			`<div class="container width-constrained">`
			`<div class="box">1</div>`
			`<div class="box">2</div>`
			`<div class="box">3</div>`
			`</div>`