diff --git a/assets/css/000_reset.css b/assets/css/000_reset.css
index 0c0e66f..2042fe3 100644
--- a/assets/css/000_reset.css
+++ b/assets/css/000_reset.css
@@ -12,7 +12,7 @@
  ********/
 
 
-figure, h1, h2, h3, h4, h5, h6, p {
+figure, h1, h2, h3, h4, h5, h6, p, pre {
     margin: 0;
     padding: 0;
 }
diff --git a/assets/css/010_structure.css b/assets/css/010_structure.css
index 69b81eb..35d8dfa 100644
--- a/assets/css/010_structure.css
+++ b/assets/css/010_structure.css
@@ -106,7 +106,7 @@ body {
   grid-column: main-start / main-end;
 }
 
-.content > :is(.figure--image, pre) {
+.content > :is(.figure--image, .codeblock) {
   grid-column: wide-gutter-start / wide-gutter-end;
 }
 
diff --git a/assets/css/050_codeblocks.css b/assets/css/050_codeblocks.css
index e96f048..c8bf95e 100644
--- a/assets/css/050_codeblocks.css
+++ b/assets/css/050_codeblocks.css
@@ -24,6 +24,12 @@
 }
 
 
+.pre--plaintext {
+  font-family: var(--font-family-body);
+  grid-column: main-start / main-end;
+}
+
+
 
 
 
diff --git a/layouts/_default/_markup/render-codeblock-text.html b/layouts/_default/_markup/render-codeblock-text.html
new file mode 100644
index 0000000..d9325e5
--- /dev/null
+++ b/layouts/_default/_markup/render-codeblock-text.html
@@ -0,0 +1,3 @@
+<pre class="pre--plaintext">
+{{ .Inner | safeHTML }}
+</pre>