ladybird/Tests/LibWeb/Ref/expected/css/css-text/text-align-match-parent-ref.html

<!DOCTYPE html>
<head>
<style>
     .left { text-align: left; }
     .center { text-align: center; }
     .right { text-align: right; }
</style>
</head>
<body>
<div>
     <div class="left">Left</div>
     <div class="left">Left</div>
</div>
<div>
     <div class="center">Center</div>
     <div class="center">Center</div>
</div>
<div>
     <div class="right">Right</div>
     <div class="right">Right</div>
</div>
<div>
     <div class="right">Right</div>
     <div class="right">Right</div>
</div>
<div>
     <div class="center">Center</div>
     <div class="center">Center</div>
</div>
<div>
     <div class="left">Left</div>
     <div class="left">Left</div>
</div>
</body>
LibWeb: Implement `text-align: match-parent` At computed-value time, this is converted to whatever the parent's computed value is. So it behaves a little like `inherit`, except that an inherited start/end value uses the parent's start/end, which might be different from the child's. 2025-02-03 16:06:07 +00:00			`<!DOCTYPE html>`
			`<head>`
			`<style>`
			`.left { text-align: left; }`
			`.center { text-align: center; }`
			`.right { text-align: right; }`
			`</style>`
			`</head>`
			`<body>`
			`<div>`
			`<div class="left">Left</div>`
			`<div class="left">Left</div>`
			`</div>`
			`<div>`
			`<div class="center">Center</div>`
			`<div class="center">Center</div>`
			`</div>`
			`<div>`
			`<div class="right">Right</div>`
			`<div class="right">Right</div>`
			`</div>`
			`<div>`
			`<div class="right">Right</div>`
			`<div class="right">Right</div>`
			`</div>`
			`<div>`
			`<div class="center">Center</div>`
			`<div class="center">Center</div>`
			`</div>`
			`<div>`
			`<div class="left">Left</div>`
			`<div class="left">Left</div>`
			`</div>`
			`</body>`