Html 单选按钮水平对齐

如何使这两个单选按钮水平对齐？无论我怎么做，它们都保持垂直对齐，或者到处都是。到目前为止，它们是垂直对齐的，但我需要左边的标签和右边的刻度盘，并紧密地放在一起

<fieldset id="payment_method">
<legend>Payment Method</legend>
<div class="fieldgroup">
<input type="radio" name="payment_method"value="Bill Me"><label for= "payment1">BillMe
</label>
</div>
<div class="fieldgroup">
<input type="radio" name="payment_method"value="Bill Me"><label for= "payment2">Credit   Card</label>
</div>
</fieldset>

input[type="radio"]{
   float: left;
   width: auto;
   margin-left: 3em;
}

---

您的css应该用于Fieldgroup，而不是输入类型。像这样：

<fieldset id="payment_method">
<legend>Payment Method</legend>
<div class="fieldgroup">
<input type="radio" name="payment_method"value="Bill Me"><label for= "payment1">BillMe
</label>
</div>
<div class="fieldgroup">
<input type="radio" name="payment_method"value="Bill Me"><label for= "payment2">Credit   Card</label>
</div>
</fieldset>


.fieldgroup{
   float: left;
   width: auto;
   margin-left: 3em;
}

---

您的css应该用于Fieldgroup，而不是输入类型。像这样：

<fieldset id="payment_method">
<legend>Payment Method</legend>
<div class="fieldgroup">
<input type="radio" name="payment_method"value="Bill Me"><label for= "payment1">BillMe
</label>
</div>
<div class="fieldgroup">
<input type="radio" name="payment_method"value="Bill Me"><label for= "payment2">Credit   Card</label>
</div>
</fieldset>


.fieldgroup{
   float: left;
   width: auto;
   margin-left: 3em;
}

尝试显示：内联；在CSS中。

尝试显示：内联；在您的CSS中。

您的CSS：

 #radioGrupo{
        display: flex;
 }

您的html：

名称 商业的 密码 使用flexbox，“显示”属性水平显示项目

更多信息： 您的css：

 #radioGrupo{
        display: flex;
 }

您的html：

名称 商业的 密码 使用flexbox，“显示”属性水平显示项目

更多信息：

---

我想他要求输入标签对齐。有些人是这样想的。根据自己的需要改变价值观。保证金：5px0；页边距顶部：1px\10；线高：正常；不，因为当你把代码放进去时，它们又变成垂直的了。我需要它们水平排列。标签拨号标签拨号是我得到的。你是想让它标上拨号标签而不是拨号标签吗？或者你得到的结果与此不同？也许我错过了你想要的。是的，你得到的是我想要的。然而，当我把它放进我的代码中时，它们又是垂直的。出于某种原因，我得到了不同的结果。你是否尝试过更新缓存？检查浏览器中的元素，确保它正在提取更新的代码。还有，是iti的JSFIDLE，我认为他要求输入标签对齐。有些人是这样想的。根据自己的需要改变价值观。保证金：5px0；页边距顶部：1px\10；线高：正常；不，因为当你把代码放进去时，它们又变成垂直的了。我需要它们水平排列。标签拨号标签拨号是我得到的。你是想让它标上拨号标签而不是拨号标签吗？或者你得到的结果与此不同？也许我错过了你想要的。是的，你得到的是我想要的。然而，当我把它放进我的代码中时，它们又是垂直的。出于某种原因，我得到了不同的结果。你是否尝试过更新缓存？检查浏览器中的元素，确保它正在提取更新的代码。还有，这是一个JSFIDLE。由于它的长度很短，这个答案出现在低质量帖子队列上，您介意解释一下您的解决方案吗？！请仅用英语回答。由于长度较短，此答案已出现在低质量帖子队列中，您介意解释您的解决方案吗？！请用英语回答。