diff --git a/src/forms/css/forms-r.css b/src/forms/css/forms-r.css index 55027fd..495a3d0 100644 --- a/src/forms/css/forms-r.css +++ b/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 */ diff --git a/src/forms/css/forms.css b/src/forms/css/forms.css index 0f46d29..61ebadf 100644 --- a/src/forms/css/forms.css +++ b/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%; +} diff --git a/src/forms/tests/manual/forms.html b/src/forms/tests/manual/forms.html index 7c5aece..c62b23d 100644 --- a/src/forms/tests/manual/forms.html +++ b/src/forms/tests/manual/forms.html @@ -286,6 +286,15 @@ ..Or this one! + +

Help text

+
+
+ + + +
+