html - 複数のチェックボックスの配置

Question

複数のチェックボックスの位置を固定したい。座標 X=340 Y=250 に最初のチェックボックスが必要です。

HTML:

<div class="checkboxes">Select which contacts to display :
    <table>
        <tr>
            <td data-bind="foreach: viewModel.mailAddresses() ">
                <label for="CheckBoxOne">
                    <input id="CheckBoxOne" type="checkbox" data-bind="attr: { value: $data }, checked: viewModel.ui.CheckedEmails" /> <span data-bind="text: $data"></span>
                </label>
            </td>
        </tr>
        <tr>
            <td data-bind="foreach: viewModel.ui.Options() ">
                <label for="CheckBoxTwo">
                    <input id="CheckBoxTwo" type="checkbox" data-bind="attr: { value: $data }, checked: viewModel.ui.CheckedOptions" /> <span data-bind="text: $data"></span>
                </label>
            </td>
        </tr>
    </table>
</div>

CSSコード

.checkboxes label {
    display: block;
    float: left;
    padding-right: 10px;
    white-space: nowrap;
}
.checkboxes input {
    vertical-align: middle;
}
.checkboxes label span {
    text-align:center;
    vertical-align: middle;
}

Select メッセージで垂直方向に揃えていないスクリーンショット:

私が探しているもののスクリーンショット:

Answer 1

正確な座標に絶対配置を使用できます。

position:absolute;
left:340px;
top:250px;

ただし、絶対配置は信頼できるクロスブラウザではないことに注意してください。