html - multiple checkbox alignement -

i fix position of multiple checkboxes. first checkbox @ coordinates x=340 y=250.

html:

<div class="checkboxes">select contacts 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 code

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

screenshot without vertical align select message:

screenshot of i'm looking :

you can use absolute positioning exact coordinates:

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

be aware absolute positioning not reliable cross browser though.