Html 在div内对齐单选按钮

我有一个div，div里面有单选按钮，根据div里面同一行的文本垂直对齐单选按钮最简单的方法是什么

echo"<div  id=\"div{$id}\" ";?> 
                    echo"</br>

                    <input type= radio name=\"{$id}\" value=\"{$option1}\" >
                    $option1
                    </br>

                    <input type= radio name=\"{$id}\" value=\"{$option2}\">
                     $option2
                    </br>

                    <input type= radio name=\"{$id}\" value=\"{$option3}\">
                    $option3
                    </br>

                    <input type= radio name=\"{$id}\" value=\"{$option4}\">
                     $option4

                    </br></br>";
                    echo"</div>";

---

echo”您必须将它们放在表格中以便正确对齐

echo"<div  id=\"div{$id}\" ";?> 
                echo"</br>
<table><tr>
                <td align=cente valign=middle><input type= radio name=\"{$id}\" value=\"{$option1}\" ></td><td align=center valign=middle>
                $option1</td></tr>

                <td align=cente valign=middle><input type= radio name=\"{$id}\" value=\"{$option2}\"></td></td><td align=center valign=middle>
                 $option2</td></tr>
                </br>

                <td align=cente valign=middle><input type= radio name=\"{$id}\" value=\"{$option3}\"></td><td align=center valign=middle>
                $option3</td></tr>
                </br>

                <td align=cente valign=middle><input type= radio name=\"{$id}\" value=\"{$option4}\"></td><td align=center valign=middle>
                 $option4</td></tr>

echo”你可以用一张桌子试试：

echo"<div  id=\"div{$id}\" ";?> 

echo"<br />
<table>
<tr>
<td>
<input type= radio name=\"{$id}\" value=\"{$option1}\" >
</td>
<td>
$option1
</td>
</tr>


<tr>
<td>
<input type= radio name=\"{$id}\" value=\"{$option2}\" >
</td>
<td>
$option2
</td>
</tr>

<tr>
<td>
<input type= radio name=\"{$id}\" value=\"{$option3}\" >
</td>
<td>
$option3
</td>
</tr>

<tr>
<td>
<input type= radio name=\"{$id}\" value=\"{$option4}\" >
</td>
<td>
$option4
</td>
</tr>

</table>
</br></br>";

echo"</div>";

echo”设置如下单选按钮：

input[type="radio"] {
    margin-top: 0;
    vertical-align: middle;
}

您应该将
类型
属性值
单选
用引号括起来，并将

写为

，因为它是一个空标记。编写正确的HTML代码-将单选按钮放在标签中，然后对它们进行格式化应该没有问题。谢谢您的帮助，应用它后单选按钮已对齐，但出现了另一个问题，我使用的是div，单击“下一步”后会隐藏，然后会显示下一个div，但现在div没有隐藏，使用div内的表有问题吗？请帮助我…非常感谢，我只是一个初学者！我应该在哪里写这个？在样式标记内的标题部分，或者作为内联样式代码？？请帮助me@sarincm99您可以将其添加到样式表中（无论是链接的还是在页面中），或者您可以直接在输入中内联样式属性，如下所示：