我创建了一个表单，在这种形式中有几个单选按钮：每行三个，水平对齐。
当浏览器窗口收缩时，这些单选按钮会换行，因此它们不再水平对齐。
相关的CSS是：
.radio {
float: left;
height: 70px;
padding: 10px 5px;
margin: 0 !important;
}
.radio:nth-child(1) {
}
.radio:nth-child(2) {
}
.radio:nth-child(3) {
}
我需要一个仅针对此问题的css解决方案：到目前为止，我只找到了替代解决方案（html / css或js），但这些都不是纯粹的css。
非常感谢任何建议。
DOM