RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-26 01:27:43 +00:00
Code Issues Activity Actions

LibWeb: Implement the align attribute for divs

Browse source 
As specified in section 15.3.3 of the HTML spec.
This commit is contained in:
kamp 2023-06-15 18:25:53 +02:00 • committed by Andreas Kling
parent 4ac7c41483
commit 23aae7c7f3
6 changed files with 154 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

13
Tests/LibWeb/Layout/input/div_align.html Normal file
View file

@ -0,0 +1,13 @@
<style>
.square {
width: 100px;
height: 100px;
background-color:green;
margin: 20px;
}
</style>
<div align="left">This text and the green square are both left aligned: <div class="square"></div></div>
<div align="center">This text and the green square are both centered: <div class="square"></div></div>
<div align="right">This text and the green square are both right aligned: <div class="square"></div></div>
<div align="justify">This text is 'full-justified' and the green square is left aligned: <div class="square"></div></div>

15
Tests/LibWeb/Layout/input/div_align_nested.html Normal file
View file

@ -0,0 +1,15 @@
<style>
.square {
width: 100px;
height: 100px;
background-color:green
}
</style>
<div align="right">This text and the green square are both right aligned: <div class="square"></div>
<div align="left">
This text and the green square are both left aligned despite being nested in a div with align="right":
<div class="square"/>
</div>
</div>