css/div,span

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 {

rtfd/public/html/index.html

@@ -18,8 +18,10 @@
       <!-- Comment. -->
       <h1>Root heading</h1>
 
-      <p>It is <strong>important</strong>.</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>