css - Ruby on rails - フォームの同じ行に複数のラジオボタンを追加する

Question

同じ行に複数のラジオ ボタンがあるフォームを作成するにはどうすればよいですか? 私はそれらを垂直に表示するようにしか見えないようです。HTML/CSS/RoR の経験は限られています。

Answer 1

これは、表示スタイルの要素でそれらをラップすることで実現できますinline。

たとえば、</ p>

<div style="display:inline">
    <input type="radio" name="example" id="radio1" />
    <label for="radio1">Radio 1</label>
    <input type="radio" name="example" id="radio2" />
    <label for="radio2">Radio 2</label>
    <input type="radio" name="example" id="radio3" />
    <label for="radio3">Radio 3</label>
</div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

このようになります：

oラジオ1oラジオ2oラジオ3