Html 如何将单选按钮与标签对齐？

我有包含标签和输入（单选按钮）的HTML表单。我使用了

clear：两者都有和<代码>浮动：左侧

用于对齐左侧的标签，并在其前面的同一行上输入，虽然有效，但这也会影响单选按钮。我有两个标签后跟单选按钮，然后又有一个标签后跟单选按钮。如何将这些（2个标签+单选按钮+标签+单选按钮）全部对齐在一行中

我尝试使用

float:none

和

display:inline但它不起作用。标签和单选按钮显示在标签的底部


表单标签{
宽度：225px；
字体大小：粗体；
浮动：左；
明确：两者皆有；
}
形式{
宽度：70%；
}
表单输入{
浮动：左；
}
表单输入#是，
表格输入#否{
显示：内联；
浮动：无；
}
表单标签[for=“yes”]，
表单标签[for=“no”]{
显示：内联；
}

名字：
姓氏：
你的电子邮件地址是什么？
什么时候发生的？
你离开多久了？
你看到多少？
描述它们：
他们对你做了什么？
你看见我的狗方了吗？
对
不

表单标签{
宽度：225px；
字体大小：粗体；
浮动：左；
明确：两者皆有；
}
形式{
宽度：70%；
}
表单输入{
浮动：左；
}
表格.收音机{
显示：内联块；
浮动：左；
宽度：25px；
清楚：没有
}

名字：
姓氏：
你的电子邮件地址是什么？
什么时候发生的？
你离开多久了？
你看到多少？
描述它们：
他们对你做了什么？
你看见我的狗方了吗？
对
不
只需在这些标签和输入元素上重置一些规则

form label[for="yes"],
form label[for="yes"] + input,
form label[for="no"],
form label[for="no"] + input {
  clear: none;
  width: auto;
}


表单标签{
宽度：225px；
字体大小：粗体；
浮动：左；
明确：两者皆有；
}
形式{
宽度：70%；
}
表单输入{
浮动：左；
}
表单标签[for=“yes”]，
表单标签[for=“yes”]+输入，
表单标签[for=“no”]，
表单标签[for=“no”]+输入{
明确：无；
宽度：自动；
}

名字：
姓氏：
你的电子邮件地址是什么？
什么时候发生的？
你离开多久了？
你看到多少？
描述它们：
他们对你做了什么？
你看见我的狗方了吗？
对
不
好吧，您的
表单标签
规则中有
清除：两者都是
，因此每个标签都将以新行开始。在CSS规则包含
clear:none
的最后三个标签上添加一个额外的类，我想这就是您想要的，不需要CSS，只需使用一个表即可

<form>
  <table>
    <tr><td>
    <strong>First Name:</strong>
    </td></tr>
    <tr><td>
    <input id="fname" name="fname" type="text">
    </td></tr>
    <tr><td>
    <strong>Last Name:</strong>
    </td></tr>
    <tr><td>
    <input id="lname" name="lname" type="text">
    </td></tr>
    <tr><td>
    <strong>What is your email address?</strong>
    </td></tr>
    <tr><td>
    <input id="email" name="email" type="text">
    </td></tr>
    <tr><td>
    <strong>When did it happen?</strong>
    </td></tr>
    <tr><td>
    <input id="when" name="when" type="text">
    </td></tr>
    <tr><td>
    <strong>How long where you gone?</strong>
    </td></tr>
    <tr><td>
    <input id="howlong" name="howlong" type="text">
    </td></tr>
    <tr><td>
    <strong>How many did you see?</strong>
    </td></tr>
    <tr><td>
    <input id="howmany" name="howmany" type="text">
    </td></tr>
    <tr><td>
    <strong>Describe them:</strong>
    </td></tr>
    <tr><td>
    <input id="desc" name="desc" type="text">
    </td></tr>
    <tr><td>
    <strong>What did they do?</strong>
    </td></tr>
    <tr><td>
    <input id="whatdo" name="whatdo" type="text">
    </td></tr>
    <tr><td>
    <strong>Have you seen my dog Fang?</strong>
    </td></tr>
    <tr><td>
    <input id="yes" name="seen" type="radio" value="yes">Yes
    <input id="no" name="seen" type="radio" value="no">No
    </td></tr>
  </table>
</form>


名字：
姓氏：
您的电子邮件地址是什么？
什么时候发生的？
你去哪里多久了？
你看到了多少人？
描述它们：
他们做了什么？
你看到我的狗方了吗？
对
不
@Gothdo感谢您的评论。我想用CSS实现这一点，而不是改变HTML的结构，但是在回答这个问题时，他们用HTML实现了这一点。