use `<code>` (as it's still semantically code that we're marking up) and
make the example actually multiple lines...
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><p>Sample text here...</p></pre>
+<pre><code><p>Sample text here...</p>
+<p>And another line of sample text here...</p>
+</code></pre>
{% endexample %}
## Variables