更正为：垂直对齐：中间;

您可以使用以下CSS设置：

input[type="radio"] {
  display: block;
  margin: 0 auto 5px auto;
  
}
label {
  text-align: center;
  display: inline-block;
  width: 80px;
}

<p style="display:inline-block;margin:0 0;"> Option: </p>
<label>
<input type="radio" name="group1"> Label1
</label>
<label>
<input type="radio" name="group1"> Label2
</label>
<label>
<input type="radio" name="group1"> Label3
</label>

并应用到您的jsfiddle：https://jsfiddle.net/p5ts1rco/1/

我编辑了复选框https://stackoverflow.com/a/494922/7767664的示例（更改为单选按钮）：

.checkboxes label {
  display: block;
  float: left;
  padding-right: 3px;
  white-space: nowrap;
}
.checkboxes input {
  vertical-align: middle;
}
.checkboxes label span {
  vertical-align: middle;
  font-size:29px;
}

<div class="checkboxes">
    <label> <span>Option: </span></label>
    <label><input type="radio" name="group1" id="x" /> <span>Label text x</span></label>
    <label><input type="radio" name="group1" id="y" /> <span>Label text y</span></label>
    <label><input type="radio" name="group1" id="z" /> <span>Label text z</span></label>
</div>