fix form styles on prepend/append for consistency, update code docs with examples of the code snippets

1 files changed, 6 insertions, 0 deletions

diff --git a/docs/base-css.html b/docs/base-css.html
index 0b2c4547e..0406ff229 100644
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -372,6 +372,9 @@ For example, <code>section</code> should be wrapped as inline.
     <div class="span4">
       <h2>Basic block</h2>
       <p>Use <code>&lt;pre&gt;</code> for multiple lines of code. Be sure to turn any carets into their unicode characters for proper rendering.</p>
+<pre>
+&lt;p&gt;Sample text here...&lt;/p&gt;
+</pre>
 <pre class="prettyprint linenums" style="margin-bottom: 9px;">
 &lt;pre&gt;
   &amp;lt;p&amp;gt;Sample text here...&amp;lt;/p&amp;gt;
@@ -383,6 +386,9 @@ For example, &lt;code&gt;section&lt;/code&gt; should be wrapped as inline.
       <h2>Google Prettify</h2>
       <p>Take the same <code>&lt;pre&gt;</code> element and add two optional classes for enhanced rendering.</p>
 <pre class="prettyprint linenums" style="margin-bottom: 9px;">
+&lt;p&gt;Sample text here...&lt;/p&gt;
+</pre>
+<pre class="prettyprint linenums" style="margin-bottom: 9px;">
 &lt;pre class="prettyprint
      linenums"&gt;
   &amp;lt;p&amp;gt;Sample text here...&amp;lt;/p&amp;gt;