使用CSS放置单选按钮标签

 <input type="radio" name="radio-group" />
  <span class="radio-icon"></span>
  <span class="radio-label">选项1</span>
</label><label class="custom-radio">
 <input type="radio" name="radio-group" />
  <span class="radio-icon"></span>
  <span class="radio-label">选项2</span>
</label>

.custom-radio {
  position: relative;
  display: inline-block;
  margin-right: 20px;
}

.radio-icon {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #ccc;
  background-color: #fff;
}

.radio-label {
  margin-left: 30px;
}

input[type="radio"] {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

input[type="radio"]:checked + .radio-icon {
  background-color: #ccc;
}