伪元素定位问题

Question

因为重写了radio的样式
所以用到了伪元素 但是不知道怎么调伪元素相对位置 像让radio和label垂直居中

  <input type="radio" class="weui-check" name="phone">
                <label class="text-m">17601001839</label>

input[type="radio"] + label::before {
  content: '\a0';
  display: inline-block;
  width: .8em;
  height: .8em;
  border-radius: 50%;
  line-height: .5;
  box-shadow: 0 0 0 2px #959595 inset;
  margin: 0 10px 0 5px;
}

input[type="radio"]:checked + label::before {
  box-shadow: 0 0 0 4px #a6b8c7 inset;
  z-index: 2;
}

Answer 1

label {
 position: relative
}
 label::before{
  position: absolute
  top:50%;
 left:0;
 transform: translateY(-50%);
/*知道高度的话也可以 margin:负高的一般*/
}

Answer 2

input[type="radio"] + label{
    position: relative
}
input[type="radio"] + label::before{
  position: absolute
}

不就好了