ladybird/Tests/LibWeb/Layout/input/css-pseudo-element-blockification.html

<!DOCTYPE html>
<style>
* {
    font: 16px SerenitySans;
}
.foo {
    display: flex;
    gap: 1ch;
}
.foo:before {
    content: "well";
}
.foo:after {
    content: "friends";
}
</style><div class="foo">hello</div>
Meta: Add doctypes to more layout tests 2025-05-04 16:35:21 +02:00			`<!DOCTYPE html>`
LibWeb: Blockify pseudo elements that are flex items When deciding on a box type transformation (blockify/inlinify) for a pseudo element, we have to use the originating element as a reference rather than the parent. (The originating element is the parent for its pseudo elements.) 2023-04-27 15:38:50 +02:00			`<style>`
			`* {`
			`font: 16px SerenitySans;`
			`}`
			`.foo {`
			`display: flex;`
			`gap: 1ch;`
			`}`
			`.foo:before {`
			`content: "well";`
			`}`
			`.foo:after {`
			`content: "friends";`
			`}`
			`</style><div class="foo">hello</div>`