html - Indenting Labels and Checkboxes, with the checkbox outside the label and long labels

Question

Unfortunately I'm stuck using an old program to generate forms, but I can fiddle with the CSS. The program generates the following html:

<input type="checkbox" name="_QStrategy_QV03_CV02" id="_Q2_C1" class="mrMultiple" style="" value="V02">
<label for="_Q2_C1">
<span class="mrMultipleText" style="">Defining the finance operating model to align with and support the execution of the organisation’s broader strategy. A finance operating model is a description of how an the finance function’s people, process and technology interacts internally and externally to deliver products and services.</span>
</label>

The label long and wraps over to the next line, with the text on the next line directly under the checkbox. How can I make it so that the wrapped text is indented?

Answer 1

具有指定宽度的浮动元素

label{float:left;width: 75%;}
input[type="checkbox"]{float:left;width:20px}

见小提琴

Answer 2

试试这个 CSS

.mrMultipleText
{
    width:75%;
    float:left;
}
.mrMultiple
{
    float:left;
}

看到这个小提琴