From 017490aa7f987841297ec75748f0268836fdb81c Mon Sep 17 00:00:00 2001
From: Andreas Kling <kling@serenityos.org>
Date: Thu, 3 Dec 2020 19:32:07 +0100
Subject: [PATCH] Base: Add a little web test page for inline elements with CSS
 padding

---
 Base/res/html/misc/padding-inline.html | 15 +++++++++++++++
 Base/res/html/misc/welcome.html        |  1 +
 2 files changed, 16 insertions(+)
 create mode 100644 Base/res/html/misc/padding-inline.html

diff --git a/Base/res/html/misc/padding-inline.html b/Base/res/html/misc/padding-inline.html
new file mode 100644
index 00000000000..8a67eeb46cf
--- /dev/null
+++ b/Base/res/html/misc/padding-inline.html
@@ -0,0 +1,15 @@
+<style>
+span {
+    padding-left: 20px;
+    padding-right: 40px;
+    padding-top: 10px;
+    padding-bottom: 10px;
+    background-color: red;
+    border: 3px solid black;
+    color: white;
+}
+</style>
+<div>
+    <span>Hello friends!</span>
+    <span>This span has padding!</span>
+</div>
diff --git a/Base/res/html/misc/welcome.html b/Base/res/html/misc/welcome.html
index 7232e383b7f..5e3987c3809 100644
--- a/Base/res/html/misc/welcome.html
+++ b/Base/res/html/misc/welcome.html
@@ -35,6 +35,7 @@ span#loadtime {
     <p>This page loaded in <b><span id="loadtime"></span></b> ms</p>
     <p>Some small test pages:</p>
     <ul>
+        <li><a href="padding-inline.html">inline elements with padding</a></li>
         <li><a href="event-bubbling-and-multiple-listeners.html">event bubbling and multiple listeners</a></li>
         <li><a href="checkbox.html">checkbox</a></li>
         <li><a href="canvas-rotate.html">canvas rotate()</a></li>