LibWeb: Add tests for justify-*: left/right

This commit is contained in:
Gingeh 2024-09-09 14:28:20 +10:00 committed by Sam Atkins
commit 1d30d84f41
Notes: github-actions[bot] 2024-09-10 09:41:03 +00:00
12 changed files with 1338 additions and 766 deletions

View file

@ -11,4 +11,6 @@
<div class="container" style="justify-content: stretch;"><div>wikipedia</div><div>wikipedia</div></div>
<div class="container" style="justify-content: start;"><div>wikipedia</div><div>wikipedia</div></div>
<div class="container" style="justify-content: center;"><div>wikipedia</div><div>wikipedia</div></div>
<div class="container" style="justify-content: end;"><div>wikipedia</div><div>wikipedia</div></div>
<div class="container" style="justify-content: end;"><div>wikipedia</div><div>wikipedia</div></div>
<div class="container" style="justify-content: left;"><div>wikipedia</div><div>wikipedia</div></div>
<div class="container" style="justify-content: right;"><div>wikipedia</div><div>wikipedia</div></div>

View file

@ -4,8 +4,12 @@
.start { justify-items: start; }
.center { justify-items: center; }
.end { justify-items: end; }
.left { justify-items: left; }
.right { justify-items: right; }
</style>
<body>
<div class="grid start"><div>Start</div></div>
<div class="grid center"><div>Center</div></div>
<div class="grid end"><div>End</div></div>
<div class="grid end"><div>End</div></div>
<div class="grid left"><div>Left</div></div>
<div class="grid right"><div>Right</div></div>

View file

@ -12,4 +12,6 @@
<div style="justify-self: start">Start</div>
<div style="justify-self: center">Center</div>
<div style="justify-self: end">End</div>
<div style="justify-self: left">Left</div>
<div style="justify-self: right">Right</div>
</body>