<ul class="list">

  <li class="item">
    <label
      for="input-1">
      Инпут снаружи лейбла
    </label>

    <input
      type="checkbox"
      id="input-1"
      value="product-1"
    >
  </li>
  
  <li class="item">
    <label>
      Инпут внутри лейбла

      <input
        type="checkbox"
        id="input-1"
        value="product-1"
      >
    </label>
  </li>
</ul>

// Helpers
UL {
  list-style: none;
  margin: 0;
  padding: 0;
}

LI + LI {
  margin-top: 1rem;
}

BODY {
  min-height: 100vh;
  display: grid;
  align-items: center;
  align-content: center;
  justify-content: center;
  gap: 1vmin;
  background: white;
  font: 1.2rem/1.6 Trebouchet MS, Arial, sans-serif;
}