<input type="radio"> 跟后面的 <text></text> 不对齐答案

【问题标题】：<input type="radio"> does not line up with <text></text> behind it<input type="radio"> 跟后面的 <text></text> 不对齐
【发布时间】：2018-05-21 21:00:22
【问题描述】：

我的 <input type="radio">

我的表格不符合我的 <text></text>

在它背后。

Example of my form

【问题讨论】：

不清楚你在哪里有这个文本，而且不是 HTML 标签而是 SVG 标签
a does not line up with b：使用哪个查看器/浏览器？
您好，尝试回答它在 jsfiddle 中的工作，看看答案，如果它适合您，请您支持/接受
"寻求调试帮助的问题（“为什么这段代码不起作用？”）必须包括所需的行为、特定问题或错误以及重现它所需的最短代码在问题本身。没有明确问题陈述的问题对其他读者没有用“
忘记标记接受/赞成答案，如果它对你有用......

标签： html css text radio-button html-input

【解决方案1】：

首先你不应该使用 <text>，正如 DaFois 所说。请改用<label>

label {
  display: flex;
}

<label>
  <input type="radio">
  Label Text
</label>

【讨论】：

正确。谢谢-

【解决方案2】：

看看下面的工作正常，要使其工作，你必须将单选按钮包装在跨度中，而不是包装跨度和文本 div。

真正的魔力是您将输入控件放在 span 中并设置 span 样式表以创建内容中心。这对你有用。

.center {
    vertical-align: middle; 
    display:inline;
}

<div>
    <span class="center">
       <input type="radio">
    </sapn> text of radio
</div>

在 jsfiddle 的工作演示：https://jsfiddle.net/hfu1zaxg/1/

【讨论】：

你应该描述你改变了什么以及为什么而不是仅仅给出代码。
@csm_dev - 完成了，实际上很容易理解，我没有提供太多信息，但现在完成了