Html 在单选按钮中，文本未在其附近对齐。它有点上扬了

我正在研究html单选按钮。在我的代码中，单选按钮被放置。但它附近的文字有点夸张。请帮助我将其附近的文本对齐为单选按钮，因为它通常是。所以当我摆弄它的时候，它工作得很好。但是当我把它添加到我的项目中时。文本显示单选按钮的提升位。任何想法。提前谢谢

这是我的密码：

        .date {
float: left;
display: block;
width: 100%;
height: 20px;
position: relative;
margin: 24px 0px 0px 0px;
text-align: center;

---

}

我不确定这是否有效，但您可以尝试

        .date {
float: left;
display: block;
width: 100%;
height: 20px;
position: absolute;
margin: 24px 0px 0px 0px;
text-align: center;
}

---

发布html，就像发布旧html一样

将单选按钮和文本放在表格行中，这样就可以了

<table>
<tr>
<td><input type="radio" name=""></td>
<td>text you want to enter</td>
</tr>
</table>

要输入的文本

如果不起作用，请尝试此方法。在此之前，我可以发送一些css代码给你做这件事

好的，你能做到

<table>
<tr>
<td valign="top"><input type="radio" name=""></td>
<td valign="top">monday</td>
</tr>
</table>

星期一

试试这个，如果它有效与否，请回复

好的，那么我已经看到了你的链接，我已经这样做了，这对我来说很好。检查一下

<p class="date">
<table>
    <tr>
        <td>Select Date Range:</td> 


        <td><input type="radio" name="month" onchange="#" /></td><td>monday</td>
        <td><input type="radio" name="month" onchange="#" /></td><td>tuesday</td>
        <td><input type="radio" name="month" onchange="#" /></td><td>wednesday</td>
        <td><input type="radio" name="month" onchange="#" /></td><td>thursday</td>
    </tr></table>
                        </p>

选择日期范围：
星期一
星期二
星期三
星期四

你称之为“稍微提升”是什么。在不同的浏览器上是相同的吗？我看不出提升的效果。但是添加一个

垂直对齐
属性可能会有所帮助。@PaulvdDool:这就像文本与按钮不在一条直线上一样。按钮与文本的距离较近。它的反应方式与第一种解决方案相同。此外，如果您希望文本居中对齐，请在“文本写入位置”中使用valign=“top”。我真的不知道我的浏览器有什么问题。它甚至不起作用。那么，有没有其他方法可以达到我手头的目的呢？我想除了编码之外，你还有其他问题。请正确查看你的所有代码，也许你可以在某个地方找到你的错误。因为以上所有代码对我来说都很好。