この CSS コードを使用して、同じ行に複数のラジオ ボタンを表示しています。
#new .radioLine
{
width: 400px;
float: left;
}
#new .radio
{
width: 80px;
height: 20px;
float: left;
}
.radioLine は .radio div を囲みます。次に例を示します。
<div id="new">
<div class="radioLine">
<div class="radio"><input type="radio" name="radio" value="one">One</div>
<div class="radio"><input type="radio" name="radio" value="two">Two</div>
<div class="radio"><input type="radio" name="radio" value="three">Three</div>
</div>
</div>
私の Firefox ブラウザーでは、これらはすべて同じ行に表示されますが、友人のコンピューターでは同じページが、同じく Firefox の下で、それぞれ別の行に表示されます。