html - 在单选按钮文本附近没有对齐。它有点提升

Question

我正在研究 html 单选按钮。在我的代码中放置了单选按钮。但它附近的文字有点隆起。请帮助我将它附近的文本与通常的单选按钮对齐。 http://jsfiddle.net/SFn6R/3/ .所以当我摆弄它时它工作正常。但是当我将它添加到我的元素中时。文本显示从单选按钮抬起的位。任何想法。提前致谢

这是我的代码:

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

Answer 1

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

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

像对待旧的那样发布您的 html