html表单怎么设置单选,html表单中的一些单选按钮的问题

你有输错的你br，而不是
。为了解决您的问题并在同一时间添加良好的辅助功能练习，您可以使用label中的文字来包装您的单选按钮。您也可以使用段落

而不是
。如果你的元素是浮动的，那么删除你的clear: left; float:left就不需要精确的display:block。

#sabores .radiobtn{

width: 15px;

height: 20px;

margin-left: 10px;

padding: 0 5px 0 5px;

vertical-align:bottom;

margin-top: 10px;

}

Natural

Laranja com Acerola

Morango

Limão

Açaí com Guaraná

Uva

Abacaxi

更好的解决方法是使用一个无序列表ul与li为每对夫妇标签+输入或段落，并从sabores div删除您的固定高度：

Natural

Laranja com Acerola

Morango

Limão

Açaí com Guaraná

Uva

Abacaxi

随着风格：

/*previous style*/

#sabores{

width: 370px;

/*height: 215px; don't need*/

border: 1px solid #ccc;

float: left;

margin-top: 10px;

background: #fff;

color: #667;

font-size: 12px;

}

#sabores .radiobtn{

width: 15px;

height: 20px;

margin-left: 10px;

padding: 0 5px 0 5px;

vertical-align:bottom;

}

#sabores p {

margin-bottom: 10px;

margin-top: 0;

}