选中复选框时出现对齐问题-HTML/CSS

如果未选中复选框，则对齐方式为直线。但是，如果选中复选框，则框将向左移动。 我希望框在一条直线上对齐，无论是否选中。 请提及此问题的解决方案

[图像-复选框选中时移动][1]输入[类型=复选框][ngcontent-c13]，
.tbl chkBx[\u ngcontent-c13]{
高度：自动；
宽度：自动；
页边顶部：自动；
垂直对齐：初始对齐；
文本对齐：居中；
}

---

肯定有一个与元素的宽度和高度相关的问题。 这应该可以解决这个问题：

input[type="checkbox"] { 
  margin-right: 5px;
  display: inline-block; 
  border: 1px solid black; 
  -webkit-transform: scale(1.4);
  -moz-transform: scale(1.4);
  -ms-transform: scale(1.4);
  -o-transform: scale(1.4);
  transform: scale(1.4);
}