несколько флажок выравнивание

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; 
} 

Скриншот без вертикального выравнивания с Выберите сообщение:

Скриншот, что я ищу:

Answer 1

Вы можете использовать абсолютное позиционирование для точных координат:

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

Имейте в виду, что абсолютное позиционирование не является надежным кросс-браузер, хотя.