Fix code block example

use `<code>` (as it's still semantically code that we're marking up) and
make the example actually multiple lines...

1 files changed, 3 insertions, 1 deletions

diff --git a/docs/content/code.md b/docs/content/code.md
index 43779ebb2..f9046c7e4 100644
--- a/docs/content/code.md
+++ b/docs/content/code.md
@@ -24,7 +24,9 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
 Or, code blocks. Use `<pre>`s for multiple lines of code. Once again, be sure to escape any angle brackets in the code for proper rendering. You may optionally add the `.pre-scrollable` class, which will set a max-height of 350px and provide a y-axis scrollbar.
 
 {% example html %}
-<pre>&lt;p&gt;Sample text here...&lt;/p&gt;</pre>
+<pre><code>&lt;p&gt;Sample text here...&lt;/p&gt;
+&lt;p&gt;And another line of sample text here...&lt;/p&gt;
+</code></pre>
 {% endexample %}
 
 ## Variables