html - 如何获得 2x2 的单选按钮？

Question

我正在创建一个多项选择测验，每个问题有 4 个答案。我希望它们不是每行 1 个答案，而是每行 2 个问题，因此放置它们的 div 标签中需要的空间更少。我该怎么做？

case 3:echo"  <h6>How many albums has Marley released?:</h6>
<h6><input type='radio' name='Q6' value='16' />Sixteen (16)</h6>
<h6><input type='radio' name='Q6' value='5' />Five (5)</h6>
<h6><input type='radio' name='Q6' value='3' />Three (3)</h6>
<h6><input type='radio' name='Q6' value='24' />Twenty-Four (24)</h6> ";
break;

Answer 1

在 CSS 中

h6:nth-child(1) {
    display:block;
    width:100%;
    clear:both;

}
h6 {
    width:50%;
    display:block;
    float:left;   
}