From ff4f0c6e9961518699e565a6d730fecd29f2fb02 Mon Sep 17 00:00:00 2001
From: intergrav <intergrav@proton.me>
Date: Mon, 15 Jul 2024 19:30:20 -0400
Subject: [PATCH] fix: use <code> in <pre>

---
 README.md |  2 +-
 demo.html | 22 ++++++++++------------
 dev.css   |  6 ++++++
 3 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/README.md b/README.md
index 5820292..5a65438 100644
--- a/README.md
+++ b/README.md
@@ -36,7 +36,7 @@ Optionally, use the `<footer>` tag to create a footer for your page. Place it at
 
 ### Text
 
-Wrap all body text in `<p>` tags, unless it's the sole child of another element. Use the `<blockquote>` tag for quotes. To highlight text, wrap it in the `<mark>` tag. For code, use `<code>` for short inline code snippets and `<pre>` for code blocks. Use `<kbd>` for keyboard input.
+Wrap all body text in `<p>` tags, unless it's the sole child of another element. Use the `<blockquote>` tag for quotes. To highlight text, wrap it in the `<mark>` tag. For code, use `<code>` for short inline code snippets and wrap that with `<pre>` for code blocks. Use `<kbd>` for keyboard input.
 
 ### Button
 
diff --git a/demo.html b/demo.html
index c5e5731..822d631 100644
--- a/demo.html
+++ b/demo.html
@@ -1,4 +1,4 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
 	<head>
 		<meta charset="UTF-8" />
@@ -129,17 +129,15 @@
 			– Edward Snowden
 		</blockquote>
 
-		<pre>
-&#x3C;!DOCTYPE html&#x3E;
-  &#x3C;html&#x3E;
-    &#x3C;head&#x3E;
-      &#x3C;title&#x3E;Hello World&#x3C;/title&#x3E;
-    &#x3C;/head&#x3E;
-  &#x3C;body&#x3E;
-    &#x3C;p&#x3E;Lorem ipsum dolor sit amet, consectetur adipiscing elit.&#x3C;/p&#x3E;
-  &#x3C;/body&#x3E;
-&#x3C;/html&#x3E;</pre
-		>
+		<pre><code>&#x3C;!DOCTYPE html&#x3E;
+	&#x3C;html&#x3E;
+		&#x3C;head&#x3E;
+			&#x3C;title&#x3E;Hello World&#x3C;/title&#x3E;
+		&#x3C;/head&#x3E;
+		&#x3C;body&#x3E;
+			&#x3C;p&#x3E;Lorem ipsum dolor sit amet, consectetur adipiscing elit.&#x3C;/p&#x3E;
+		&#x3C;/body&#x3E;
+&#x3C;/html&#x3E;</code></pre>
 
 		<br />
 		<hr />
diff --git a/dev.css b/dev.css
index abe90de..1c151bc 100644
--- a/dev.css
+++ b/dev.css
@@ -393,6 +393,7 @@ pre {
 	border-radius: 0.25rem;
 	padding: 0.125rem 0.25rem;
 	font-size: 0.9rem;
+	tab-size: 2;
 }
 
 kbd {
@@ -405,6 +406,11 @@ pre {
 	overflow: auto;
 }
 
+pre code {
+	padding: 0;
+	border: 0;
+}
+
 /* 14. details */
 details {
 	padding: 0.5rem 1rem;
-- 
2.51.2