HTML/CSS Checkboxes alignment issue

When checkboxes are unchecked, the alignment is in a straigt line.But, if the checkbox is checked,the box moves towards left.Please mention fix for this issue.

for checkbox -

{
    height: auto;
    width: auto;
    margin-top: auto;
    vertical-align: initial;
    text-align: center;
}