你有输错的你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;
}