幅が限られたフォームで複数行のラベルテキストをインデントするにはどうすればよいですか?

幅が制限されたフォームの複数行でラベル テキストをインデントする

幅が制限されたフォームでは、長いラベル テキストが複数行に折り返されることがありますが、最初の行だけが折り返されます。関連する入力要素のためにインデントされることがよくあります。これにより、見た目が整理されていない可能性があります。

この問題に対処し、すべての行を一貫してインデントするには、CSS を使用できます:

.checkbox-field {</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">display: flex;
flex-direction: row;

ログイン後にコピー

}

<div class="checkbox-field"></p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><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>

ログイン後にコピー