Html 无法使单选按钮在单行中

我有以下单选按钮的html，我还添加了css

   <br/><br/>
                <input type="radio" id="radio1" name="radios" value="CC" checked>
   <label for="radio1">Credit Card</label>
                    <br><br>
                        <br/><br/>
<input type="radio" id="radio2" name="radios"value="DB">
<label for="radio2">Debit Card</label>
    <br><br>

但是单选按钮没有对齐一行

这是jsfidle

这是链接[已解决]

单选按钮位于支付模式标签下方，我在其上应用了一些css，因此它看起来不像基本的rabio按钮更新： 可能也很有用，因为它使用类似的代码，并且结果是内联的

我建议遵循这个建议，然后将代码用标题包装在

字段集中。这将允许您创建图例，因此您的代码如下所示：

<fieldset>
    <legend><strong>Payment Mode- Select your payment mode</strong></legend>
    <input type="radio" id="radio1" name="radios" value="all" checked>
    <label for="radio1">Credit Card</label>
    <input type="radio" id="radio2" name="radios" value="false">
    <label for="radio2">Debit Card</label>
</fieldset>



您可以尝试以下方法：

<table>
    <tr>
        <td>
            <input type="radio" id="radio1" name="radios" value="CC" checked />
            <label for="radio1">Credit<nobr/> Card</label>
        </td>
        <td>
            <input type="radio" id="radio2" name="radios" value="DB">
            <label for="radio2">Debit<nobr/> Card</label>
        </td>
    </tr>
</table>


信用卡
借记卡

为了确保这句话不会在两个词之间断掉，这是我在你的小提琴上试的时候发生的

您的HTML相当混乱，特别是考虑到标记为
table
和
row
的
div
元素，因此我不太确定如何处理它。我很想推荐一个<代码>表<代码>，特别是针对这个问题，所以也许你应该考虑一下除了使用完全假的单选按钮之外，你还能做些什么。
 < P>删除你在单选按钮之间的两个代码> 
<代码>标签。
用
包裹单选按钮，并将其宽度增加到约180px
比如：


信用卡
借记卡
`
请参阅我的编辑，以获得与您的代码类似的其他选项。非常感谢。我会检查的。您好，请检查小提琴。在您的帮助下，我已经更正了：）
fieldset {
    border: none;
}

<table>
    <tr>
        <td>
            <input type="radio" id="radio1" name="radios" value="CC" checked />
            <label for="radio1">Credit<nobr/> Card</label>
        </td>
        <td>
            <input type="radio" id="radio2" name="radios" value="DB">
            <label for="radio2">Debit<nobr/> Card</label>
        </td>
    </tr>
</table>

      <div style="width:180px;">             
<input type="radio" id="radio1" name="radios" value="CC" checked>
<label for="radio1">Credit Card</label>
<input type="radio" id="radio2" name="radios"value="DB">
<label for="radio2">Debit Card</label>
        </div>`