From c8ffd05352396f8edccc365124073cdc859507f7 Mon Sep 17 00:00:00 2001
From: Marc Beninca <git@marc.beninca.link>
Date: Sat, 25 Jan 2025 19:42:38 +0100
Subject: [PATCH] css/div,span

---
 rtfd/public/html/index.css  | 17 +++++++++++++++++
 rtfd/public/html/index.html |  6 ++++--
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/rtfd/public/html/index.css b/rtfd/public/html/index.css
index dc5d095..b1c1b1b 100644
--- a/rtfd/public/html/index.css
+++ b/rtfd/public/html/index.css
@@ -7,6 +7,13 @@ margin-block ← vspace
 */
 
 * {
+/*
+margin: 2px;
+padding: 2px;
+*/
+border-color: magenta;
+border-style: solid;
+border-width: 1px;
 box-sizing: border-box;
 }
 
@@ -25,6 +32,16 @@ text-align: start;
 
 header {
 background-color: #300;
+padding: 1em 2em;
+}
+
+.sectionless {
+background-color: #630;
+padding: .5em 1em;
+}
+
+.thing {
+font-size: 1.5em;
 }
 
 main {
diff --git a/rtfd/public/html/index.html b/rtfd/public/html/index.html
index 565aed2..0589ee4 100644
--- a/rtfd/public/html/index.html
+++ b/rtfd/public/html/index.html
@@ -18,8 +18,10 @@
       <!-- Comment. -->
       <h1>Root heading</h1>
 
-      <p>It is <strong>important</strong>.</p>
-      <p>Oh yeah, <em>sure</em>…</p>
+      <div class="sectionless">
+        <p><span class="thing">It</span> is <strong>important</strong>.</p>
+        <p>Oh yeah, <em>sure</em>…</p>
+      </div>
 
       <a href="relative/destination">Go elsewhere…</a>