style: Making HowTo More Narrow

Using markdown code blocks, but indenting within them.
2bitdesigns · Apr 22, 2024 · 3f55d58 · 3f55d58
1 parent f49912c
commit 3f55d58
Showing 1 changed file with 11 additions and 7 deletions.
diff --git a/docs/_includes/HowTo.md b/docs/_includes/HowTo.md
@@ -1,16 +1,20 @@
 <h3 style='text-align:center'>HTML</h3>
 
 ~~~html
-<div style='text-align:center'>
-    <span class='ANSI9 ANSI0-background'>BrightRed on Black</span>
-    <br/>
-    <span class='black white-background'>Black on White</span>
-</div>
+    <div style='text-align:center'>
+        <span class='ANSI9 ANSI0-background'>
+            BrightRed on Black
+        </span>
+        <br/>
+        <span class='black white-background'>
+            Black on White
+        </span>
+    </div>
 ~~~
 
 <h3 style='text-align:center'>SVG</h3>
 
-<code language="svg" style='width:50%'>
+~~~svg
     <svg
         xmlns:xlink="http://www.w3.org/1999/xlink"
         xmlns="http://www.w3.org/2000/svg"
@@ -27,7 +31,7 @@
             x1="0%" x2="100%" y1="50%" y2="50%"
             class="purple-stroke" />
     </svg>
-</code>
+~~~
 
 <div style='text-align:center'>
     <span class='ANSI9 ANSI0-background'>BrightRed on Black</span>