title: Checkbox Alignment problem when checked - HTML/CSS
body: <p>When checkboxes are unchecked, the alignment is in a straight line.But, if the checkbox is checked,the box moves towards left.
  I want the boxes to be aligned in a straight line whether checked or not.
  Please mention fix for this issue.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>[Image- Checkbox moves when checked][1] input[type=checkbox][_ngcontent-c13],
  .tbl-chkBx[_ngcontent-c13] {
    height: auto;
    width: auto;
    margin-top: auto;
    vertical-align: initial;
    text-align: center;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;td _ngcontent-c13="" class="tbl-chkBx"&gt;
  
    &lt;input _ngcontent-c13="" class="form-check-input position-static ng-untouched ng-valid" formcontrolname="isSelected" type="checkbox" ng-reflect-name="isSelected"&gt;
  
  &lt;/td&gt;</code></pre>
  </div>
  </div>
  </p>
  <p><a href="https://i.stack.imgur.com/fSMXg.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fSMXg.png" alt="enter image description here" /></a></p>