css - ラジオボタンをフォーム内の1行に配置する方法は?

Question

私は次のコードを書きました：

  male    <input type="radio" name="sex" value="male">
female    <input type="radio" name="sex" value="female">
 other    <input type="radio" name="sex" value="other">

これらはすべてフォーム内にあります。どうすればそれらを1行で取得できますか?

Answer 1

ラベルタグで包みます

<label>male    <input type="radio" name="sex" value="male"></label>
<label>female    <input type="radio" name="sex" value="female"></label>
<label>other    <input type="radio" name="sex" value="other"></label>

ブロック要素として表示される入力要素にスタイルが適用されていないかどうかも確認します

Answer 2

ドットを左から右に一列に並べたい場合は、これで完了です。ドットを上から下に移動させたい場合は、次のように簡単に実行できます。

  male    <input type="radio" name="sex" value="male"><br>
female    <input type="radio" name="sex" value="female"><br>
 other    <input type="radio" name="sex" value="other">

<br>次の行にジャンプさせます