我正在创建一个表单并使用浮动水平显示一组单选按钮以节省空间。但是,之后我无法清除浮动,收音机下方的标题就在它们旁边。
html代码如下:
<div class="choice">
<ul>
<li><label for="yes">Yes</label><input type="radio" name="newsletter" id="yes" value="yes"/></li>
<li><label for="no">No</label><input type="radio" name="newsletter" id="no" value="no"/></li>
</ul>
</div>
<h2>Questions or Comments</h2>
我的CSS如下:
.choice ul li label {width: 30px;}
.choice ul li {float:left;}
.choice {clear:both;}
输出看起来像这样(这里的星号代表单选按钮):
Would you like to subscribe to our newsletter?
Yes * No * Questions or Comments