summaryrefslogtreecommitdiff
path: root/Base/res
diff options
context:
space:
mode:
authorAndreas Kling <kling@serenityos.org>2022-03-24 22:56:06 +0100
committerAndreas Kling <kling@serenityos.org>2022-03-24 22:57:01 +0100
commit6cffabef03837b52a260508c676566a273c24c69 (patch)
treecff54cccd4e707b995f798491541d0b8ce53447c /Base/res
parent195ef5e26fc5c38b6a37ec8d0b28ee6fad142fab (diff)
downloadserenity-6cffabef03837b52a260508c676566a273c24c69.zip
LibWeb: Support CSS vertical-align values "top" and "bottom"
Diffstat (limited to 'Base/res')
-rw-r--r--Base/res/html/misc/vertical-align.html20
-rw-r--r--Base/res/html/misc/welcome.html1
2 files changed, 21 insertions, 0 deletions
diff --git a/Base/res/html/misc/vertical-align.html b/Base/res/html/misc/vertical-align.html
new file mode 100644
index 0000000000..a79a38e862
--- /dev/null
+++ b/Base/res/html/misc/vertical-align.html
@@ -0,0 +1,20 @@
+<style>
+div {
+ display: inline-block;
+ border: 3px solid black;
+ padding: 5px;
+ line-height: 3;
+}
+</style>
+Hello friends: <div style="vertical-align: baseline">baseline</div>
+<br>
+Hello friends: <div style="vertical-align: top">top</div>
+<br>
+Hello friends: <div style="vertical-align: middle">middle (TODO)</div>
+<br>
+Hello friends: <div style="vertical-align: bottom">bottom</div>
+<br>
+Hello friends: <div style="vertical-align: sub">sub (TODO)</div>
+<br>
+Hello friends: <div style="vertical-align: text-top">text-top (TODO)</div>
+<br>
diff --git a/Base/res/html/misc/welcome.html b/Base/res/html/misc/welcome.html
index ec23cfe102..fce80607a0 100644
--- a/Base/res/html/misc/welcome.html
+++ b/Base/res/html/misc/welcome.html
@@ -103,6 +103,7 @@
<li><a href="hover.html">:hover</a></li>
<li><a href="focus.html">:focus</a></li>
<li><h3>Properties</h3></li>
+ <li><a href="vertical-align.html">vertical-align</a></li>
<li><a href="backgrounds.html">Backgrounds</a></li>
<li><a href="background-repeat-test.html">Background-repeat</a></li>
<li><a href="box-shadow.html">Box-shadow</a></li>