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

LibHTML: Add the <center> element

Browse source 
This is really just "center { display: block; text-align: center; }" in
the default stylesheet, but it totally works!
This commit is contained in:
Andreas Kling 2019-10-16 20:33:00 +02:00
parent 6dbba6ad85
commit 06f084fedd
2 changed files with 6 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

2
Base/home/anon/www/images.html
View file

@ -3,6 +3,7 @@
<title>Pretty pictures!</title> <title>Pretty pictures!</title>
</head> </head>
<body> <body>
<center>
<h1>Look, pictures!</h1> <h1>Look, pictures!</h1>
<img alt="serenity logo (squished)" src="file:///res/icons/serenity.png" width="40" height="40" /> <img alt="serenity logo (squished)" src="file:///res/icons/serenity.png" width="40" height="40" />
<img alt="serenity logo (normal)" src="file:///res/icons/serenity.png" width="64" height="64" /> <img alt="serenity logo (normal)" src="file:///res/icons/serenity.png" width="64" height="64" />
@ -14,5 +15,6 @@
<img alt="invalid path (100x100)" src="file:///res/icons/file-does-not-exist.png" width="100" height="100" /> <img alt="invalid path (100x100)" src="file:///res/icons/file-does-not-exist.png" width="100" height="100" />
<img alt="invalid path (unspecified size)" src="file:///res/icons/file-does-not-exist.png" /> <img alt="invalid path (unspecified size)" src="file:///res/icons/file-does-not-exist.png" />
<img src="file:///res/icons/file-does-not-exist.png" /> <img src="file:///res/icons/file-does-not-exist.png" />
</center>
</body> </body>
</html> </html>

4
Libraries/LibHTML/CSS/Default.css
View file

@ -53,6 +53,10 @@ dir, hr, menu, pre {
display: block; display: block;
} }
center {
text-align: center;
}
h1, h2, h3 { h1, h2, h3 {
margin-top: 8; margin-top: 8;
margin-bottom: 8; margin-bottom: 8;