diff --git a/docs/base-css.html b/docs/base-css.html
index b24d3eea41..41ef5526fd 100644
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -835,7 +835,7 @@ For example, <code>section</code> should be wrapped as inline.
             <legend>Legend</legend>
             <label>Label name</label>
             <input type="text" placeholder="Type something…">
-            <p class="help-block">Example block-level help text here.</p>
+            <span class="help-block">Example block-level help text here.</span>
             <label class="checkbox">
               <input type="checkbox"> Check me out
             </label>
diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache
index b6a88b8542..28e98439bc 100644
--- a/docs/templates/pages/base-css.mustache
+++ b/docs/templates/pages/base-css.mustache
@@ -772,7 +772,7 @@
             <legend>Legend</legend>
             <label>{{_i}}Label name{{/i}}</label>
             <input type="text" placeholder="{{_i}}Type something…{{/i}}">
-            <p class="help-block">{{_i}}Example block-level help text here.{{/i}}</p>
+            <span class="help-block">{{_i}}Example block-level help text here.{{/i}}</span>
             <label class="checkbox">
               <input type="checkbox"> {{_i}}Check me out{{/i}}
             </label>