mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-09-22 01:08:56 +00:00
LibWeb: Add tests for justify-*: left/right
This commit is contained in:
parent
4a3a9e6ec4
commit
1d30d84f41
Notes:
github-actions[bot]
2024-09-10 09:41:03 +00:00
Author: https://github.com/Gingeh
Commit: 1d30d84f41
Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/1338
Reviewed-by: https://github.com/AtkinsSJ ✅
12 changed files with 1338 additions and 766 deletions
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue