Html CSS单选按钮问题

我正在准备一张简单的表格来存入一定数额的钱。表单有4个单选按钮

$100


$250


$500


$1,000


押金

以下是输出：

您可以看到最后一个单选按钮没有垂直对齐。我意识到按钮后面的文本中有两个额外的字符。我不是CSS向导，也没有真正找到让这些按钮变直的答案。有什么想法吗

编辑：此处为CSS代码：

.container {
    /* center contents */
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

input[type='radio'] {
    width: 20px;
}

---

表单在容器中

为什么不使用表格使按钮对齐（使用dreamweaver作为编辑工具更容易）

在CSS文件或HTML代码中，您正在使用“对齐中心”设置。这就是为什么不一致

这是上述代码与“对齐中心”设置的输出：

这是不带对齐中心设置的代码输出：

在代码的某个地方，您正在将下面的div类设置为对齐中心

 // Removing the align setting will solve the issue. If its not in-line CSS then check you external CSS file.
 <div class="form-group" align="center">

//删除对齐设置将解决此问题。如果它不是内嵌CSS，那么请检查外部CSS文件。

---

希望这能有所帮助。

我从您的问题中复制粘贴了代码并运行了它，它似乎完全一致。在没有CSS文件的情况下运行代码，看看会发生什么。我要试一试。我唯一能想到的是，

可能会引起问题。这是一个问题的一部分，需要我将文件链接到引导，表单组类可能会覆盖我的其他css。我也可能是远离，这可能根本没有任何关系，检查我的答案如下。我的容器组（单选按钮所在的位置）包含

text align:center

但是，即使用css覆盖单选按钮也不会改变样式。你介意在上面的问题中发布你的css吗？就是这样。希望它能提供更多的清晰度。即使取出

容器中的
文本对齐：居中
，css也没有做任何事情。这是唯一一个连接到HTML文件的CSS还是其他外部CSS文件？不，不是，但是CSS的其余部分不应该有影响。如果你愿意，我可以把它寄出去。