Question

I’m using label-input pairs, with the following style for labels, but when I use two CheckBox controls on the same line, the checkbox labels (control prop[erties, not separate Label controls) appear together, to the left of the two checkboxes.

    label
    {
        float: left;
        width: 150px;
        padding-right: 10px;
        text-align: right;
    }

Answer 1

As Kirschstein said, you could wrap your input/label pairs in a div and then float the divs.

Or you could apply floats to the inputs as well as the labels. This last suggestion assumes your code looks something like:

<label for="input1">Input 1</label>
<input type="checkbox id="input1" name="input1" />
<label for="input2">Input 1</label>
<input type="checkbox id="input2" name="input2" />