html - div内のラジオボタンを整列

Question

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>";

上記のコード値はdbから取得されています.div内のラジオボタンを同じ行に垂直に配置する方法を知りたいです。

Answer 1

ラジオ ボタンのスタイルは次のようになります。

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

Answer 2

テーブルで試すことができます：

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>";