summaryrefslogtreecommitdiff
path: root/Tests/LibWeb/Layout/input/position-absolute-from-edges.html
diff options
context:
space:
mode:
Diffstat (limited to 'Tests/LibWeb/Layout/input/position-absolute-from-edges.html')
-rw-r--r--Tests/LibWeb/Layout/input/position-absolute-from-edges.html48
1 files changed, 48 insertions, 0 deletions
diff --git a/Tests/LibWeb/Layout/input/position-absolute-from-edges.html b/Tests/LibWeb/Layout/input/position-absolute-from-edges.html
new file mode 100644
index 0000000000..e04ddf71cc
--- /dev/null
+++ b/Tests/LibWeb/Layout/input/position-absolute-from-edges.html
@@ -0,0 +1,48 @@
+<style>
+#container {
+ position: absolute;
+ width: 500px;
+ height: 400px;
+ border: 1px solid black;
+}
+#red {
+ position: absolute;
+ left: 20px;
+ top: 20px;
+ background: red;
+ width: 100px;
+ height: 100px;
+ border: 10px solid gray;
+}
+#green {
+ position: absolute;
+ right: 20px;
+ top: 20px;
+ background: green;
+ width: 100px;
+ height: 100px;
+ margin: 50px;
+}
+#blue {
+ position: absolute;
+ left: 20px;
+ bottom: 20px;
+ background: blue;
+ width: 100px;
+ height: 100px;
+}
+#yellow {
+ position: absolute;
+ right: 20px;
+ bottom: 20px;
+ background: yellow;
+ width: 100px;
+ height: 100px;
+}
+</style>
+<div id=container>
+ <div id=red></div>
+ <div id=green></div>
+ <div id=blue></div>
+ <div id=yellow></div>
+</div>