todo.components.ts에서 check박스가 center로 맞춰지지 않아요.

text-align을 center로 맞췄습니다.

horizontal로는 center인데

vertical로는 center가 아니네요.

뭐가 원인인걸까요?

    input {
      position: relative;
    }
    input:before {
      content: "";
      display: inline-block;
      width: 20px;
      height: 20px;
      background-color: white;
      border-radius: 20px;
      position: absolute;
      top: -6px;
      left: -8px;
      border: 1px solid dimgray;
    }
    input:checked:after {
      content: '\\2713';
      display: inline-block;
      font-size 18px;
      width: 20px;
      height: 20px;
      border-radius: 20px;
      position: absolute;
      top: -6px;
      left: -8px;
      border: 1px solid dimgray;
      background-color: dimgray;
      text-align: center;
      color: white;
    }