Html 未对齐的文本和单选按钮

所以我试图用纯html和css制作一个表单，但是单选按钮有问题。它们与文本不一致

.row{
边缘底部：20px；
显示：网格；
网格模板列：40%30%；
对齐内容：居中对齐；
栅隙：20px；
}

*您推荐的可能性有多大
免费给朋友？


肯定

将复选框向左浮动，看起来会更好。根据这个例子很难说

.row{
边缘底部：20px；
显示：网格；
网格模板列：40%30%；
对齐内容：居中对齐；
栅隙：20px；
}
输入[类型=收音机]{
浮动：左；
}

*您向朋友推荐freeCodeCamp的可能性有多大？


肯定

文本和输入的嵌套顺序错误。更正它并在input for good measure中添加

/>

，可以修复它

.row{
边缘底部：20px；
显示：网格；
网格模板列：40%30%；
对齐内容：居中对齐；
栅隙：20px；
}

*您向朋友推荐freeCodeCamp的可能性有多大？


肯定