WIP Remove leading/trailing whitespace on helper text to align

demos/text-field.html

@@ -86,9 +86,7 @@ <h2>Full Functionality JS Component (Floating Label, Validation)</h2>
             <div class="mdc-line-ripple"></div>
           </div>
           <p id="my-text-field-helper-text" class="mdc-text-field-helper-text"
-             aria-hidden="true" style="visibility: hidden">
-            Helper Text
-          </p>
+             aria-hidden="true" style="visibility: hidden">Helper Text</p>
         </section>
         <div>
           <input id="disable" type="checkbox">
@@ -137,9 +135,7 @@ <h2>Password field with validation</h2>
           <div class="mdc-line-ripple"></div>
         </div>
         <p class="mdc-text-field-helper-text mdc-text-field-helper-text--persistent mdc-text-field-helper-text--validation-msg"
-           id="pw-validation-msg">
-          Must be at least 8 characters long
-        </p>
+           id="pw-validation-msg">Must be at least 8 characters long</p>
       </section>
 
       <section class="example">
@@ -158,9 +154,7 @@ <h2>Outlined Text Field</h2>
             <div class="mdc-notched-outline__idle"></div>
           </div>
           <p class="mdc-text-field-helper-text mdc-text-field-helper-text--validation-msg"
-             id="name-validation-message">
-            Helper Text
-          </p>
+             id="name-validation-message">Helper Text</p>
         </div>
         <div>
           <input id="outlined-disable" type="checkbox">
@@ -346,8 +340,7 @@ <h2>Custom error state behaviour - remove error state as soon as invalid input i
             <div class="mdc-line-ripple"></div>
           </div>
           <p id="username-helper-text" class="mdc-text-field-helper-text mdc-text-field-helper-text--persistent mdc-text-field-helper-text--validation-msg" aria-hidden="true"
-            >Enter 10 digit phone number including area code
-          </p>
+            >Enter 10 digit phone number including area code</p>
         </section>
       </section>
     </main>