How to Indent Multiple-Line Label Text on Forms with Limited Width?

Indent Label Text on Multiple Lines for Limited-Width Forms

In a form with limited width, while longer label text may wrap onto multiple lines, only the first line is often indented due to the associated input element. This can result in an unorganized appearance.

To address this issue and indent all lines consistently, you can employ CSS:

.checkbox-field {</p>
<pre class="brush:php;toolbar:false">display: flex;
flex-direction: row;

}

<div class="checkbox-field"></p>
<pre class="brush:php;toolbar:false"><input type="checkbox" id="check">
<label for="check">Field 2 Label, may be longer than normal, This is an example for this lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem</label>