html - 无论我尝试什么,都无法对齐单选按钮和文本

标签 html css

<?php
$array = array();
$array[1] = '1 Day';
$array[2] = '2 Days';
$array[3] = '3 Days';
$array[4] = '4 Days';
$array[5] = '5 Days';
$array[6] = '6 Days';
$array[7] = '7 Days';
foreach($array as $key=> $arr)
{
    if($key == 7)
    {
        echo '<input type=radio checked=true name=expires value=$key>$arr';
    }
    else
    {
        echo '<input type=radio name=expires value=$key>$arr';  
    }
} 
?>

在上面的代码中,单选按钮位于文本下方大约 7 个像素,我希望它们与文本对齐。无论我尝试过什么,我似乎都无法让单选按钮与文本对齐。我可以让单选按钮“升起”,但标签永远不会出现,只是 arr。感谢您的帮助。

最佳答案

写在你的CSS中

input[type="radio"] {
    position: relative;
    top: 3px;
}

关于html - 无论我尝试什么,都无法对齐单选按钮和文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20945174/

相关文章:

php - 整数 : What is a good way to solve this? 的 CSS attr()

javascript - 计算页面上不在此元素中的其他元素的(总)高度

javascript - 如何在选择下拉菜单项后禁用它

javascript - 根据值返回0或NaN计算负载

html - 文本字段中的字体颜色更改

ios - CSS - 滚动时坚持到 iOS Safari 的底部

css - 用于模糊效果的无缝框阴影

Jquery UI 可拖动和可交换

css - 中心 2 DIV : Do I need to put them in a container DIV?

javascript - 使用 JavaScript 创建 HTML 文件