docs: add code blocks

content/posts/markup/index.md

@@ -51,6 +51,17 @@ Surround large tables with `<figure></figure>` so they can scroll horizontally.
 
 </figure>
 
+## Code blocks
+
+```c
+#include <stdio.h>
+
+int main() {
+  printf("Hello, World!\n");
+  return 0;
+}
+```
+
 ## Unordered Lists (Nested)
 
   * List item one 
@@ -150,20 +161,6 @@ This tag should denote <ins>inserted</ins> text.
 
 This scarcely known <kbd>tag</kbd> emulates keyboard text.
 
-### Preformatted Tag
-
-This tag styles large blocks of code.
-
-<pre>
-.post-title {
-	margin: 0 0 5px;
-	font-weight: bold;
-	font-size: 38px;
-	line-height: 1.2;
-	and here's a line of some really, really, really, really long text, just to see how the PRE tag handles it and to find out how it overflows;
-}
-</pre>
-
 ### Quote Tag
 
 <q>We have just gotten a wake-up call from the Nintendo Generation.</q> &#8211;Cereal Killer