Stack pre blocks

Author: badlydrawnrob

build/ecss/markdown/partials.html

@@ -50,13 +50,13 @@ <h6 id="h6:donecpurusarcuvenenatissednisisedtinciduntmattiselit">H6: Donec purus
 <p>Vestibulum ante ipsum primis in <mark>faucibus orci luctus et ultrices posuere</mark> cubilia Curae &#8230; Ut vestibulum libero eu mi sodales tincidunt. Aenean id eleifend lacus. Proin vehicula sapien convallis, <i>dictum justo id, eleifend nibh</i> [phasellus mattis enim eu nisi maximus] <cite>(Dignissim, 2018, pg. 36, mauris rutrum)</cite></p>
 </blockquote>
 
-<pre><code class="python">#code block
+<p>Here is an example of inline code <code>var = 1</code>, Keyboard controls <kbd>⌘ + V</kbd> and a sample <samp>Does not compute, press: <kbd>Y</kbd> to continue</samp></p>
+
+<pre><code class="python"># code block
 print('3 backticks or')
 print('indent 4 spaces')
 </code></pre>
 
-<p>Here is an example of inline code <code>var = 1</code>, Keyboard controls <kbd>⌘ + V</kbd> and a sample <samp>Does not compute, press: <kbd>Y</kbd> to continue</samp></p>
-
 <table>
 <colgroup>
 <col />

build/ecss/markdown/specimen.html

@@ -23,12 +23,12 @@ <h2 id="commonmark">CommonMark</h2>
 
 <h3 id="headers">Headers</h3>
 
-<pre><code class="text">#H1
-##H2
-###H3
-####H4
-#####H5
-######H6
+<pre><code class="text"># H1
+## H2
+### H3
+#### H4
+##### H5
+###### H6
 
 Alternatively, for H1 and H2, an underline-ish style:
 
@@ -86,7 +86,7 @@ <h3 id="code">Code</h3>
 <p>Blocks of code are surrounded by lines of 3 backticks:</p>
 
 <pre><code class="text">```python
-#code block
+# code block
 print('3 backticks or')
 print('indent 4 spaces')
 ```
@@ -159,7 +159,7 @@ <h5 id="h5">H5</h5>
 
 <p>Sed nisi ligula, tempus ac massa at, <code>volutpat sagittis</code> massa. Praesent placerat congue velit, at tincidunt neque accumsan sit amet.</p>
 
-<pre><code class="python">#code block
+<pre><code class="python"># code block
 print('3 backticks or')
 print('indent 4 spaces')
 </code></pre>
@@ -172,6 +172,16 @@ <h6 id="h6">H6</h6>
 
 <p>Cras convallis, <abbr title="abbreviation with link"><a href="#">lectus</a></abbr> vel ultricies vestibulum, est sapien <abbr title="abbreviation with no link">faucibus</abbr> purus, non blandit mi ipsum at libero. Cras bibendum dolor eget justo aliquet, <q>sit amet mollis libero volutpat</q>. Vivamus et <b>elementum lacus</b>, eget feugiat ex. <i>Nulla facilisi</i>.</p>
 
+<pre><code class="python"># code block
+print('3 backticks or')
+print('indent 4 spaces')
+</code></pre>
+
+<pre><code class="python"># code block
+print('3 backticks or')
+print('indent 4 spaces')
+</code></pre>
+
 <h2 id="htmlelementssupported">HTML elements supported</h2>
 
 <p>It can be a little confusing when to use each specific tag, so as a rough guide:</p>