Added pure-help-block

src/forms/css/forms-r.css

@@ -23,7 +23,8 @@
 		margin: 1.5em 0 0 0;
 	}
 
-	.pure-form .pure-help-inline {
+	.pure-form .pure-help-inline,
+	.pure-form .pure-help-block {
 		display: block;
 		font-size: 80%;
 		padding: 0.2em 0 0.8em; /* increased bottom padding to make it group with its related input element */

src/forms/css/forms.css

@@ -165,3 +165,11 @@
   vertical-align: middle;
   font-size: 90%;
 }
+
+/* Block help for forms */
+.pure-form .pure-help-block {
+  display: block;
+  margin: .5em 0 .2em;
+  color: #666;
+  font-size: 90%;
+}

src/forms/tests/manual/forms.html

@@ -286,6 +286,15 @@
         ..Or this one!
        </label>
      </form>
+
+     <h2>Help text</h2>
+     <form class="pure-form pure-form-stacked">
+      <fieldset>
+        <label>Last Name</label>
+        <input type="text" />
+        <aside class="pure-help-block">Block help text</aside>
+      </fieldset>
+     </form>
     </div>
 </body>
 </html>