当浏览器窗口缩小CSS

Question

我创建了一个表单，在这种形式中有几个单选按钮：每行三个，水平对齐。

当浏览器窗口收缩时，这些单选按钮会换行，因此它们不再水平对齐。

相关的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