#### 3.3.1.2 #demo.forms.text.label-pairs Label/Text box Pairs

Toggle example guides
Toggle HTML markup

All labelled text boxes should be included in a wrapper `<div>` element for both layout convenience and specific styling.

Examples
Default styling
Text Label
.disabled
Use this class when the text input inside is expected to be disabled.
Text Label
.invalid
Use this class if the input has failed a validation check.
Text Label
.valid
Use this class if the input has passed a validation check (intended for live validation in particular).
Text Label
Markup

    <div class="mod-input text [modifier class]">
      <label>Text Label</label>
      <input type="text" class="" value="Text input"/></div>

Source: `forms/base.less`, line 58