html - CSS を使用して、Label の 2 行目を 1 行目の正確に下にインデントする

Question

ラベルの 2 行目をインデントして、最初の行の開始点より後ろにならないようにしたいと考えています。

ここに私のHTMLがあります:-

        <label for="ui-multiselect-edit-1" title="" class="ui-corner-all ui-state-hover">
    <input id="ui-multiselect-edit-1" name="multiselect_edit-selective" type="checkbox"   value="Cost-of something" title="">

    <span>Cost-driven / restructuring transformations</span>
</label>

見た目はこんな感じ

変換がコストを下回らないように微調整できますか?

ありがとう

Answer 1

そしてもう1つのアプローチ：

label[for] {
    white-space: nowrap;
}

label[for] input{
    vertical-align: top;
}

label[for] span
{
    display: inline-block;
    white-space: normal;
}