Javascript 垂直对齐一组单选按钮，必要时将其分开

我一直在寻找解决这个问题的方法，但我找不到任何特别能满足我要求的方法，所以如果你们中有人能帮忙的话，那就太酷了

问题是，例如，我在DIV标记中有7个单选按钮垂直对齐，但我想找到一种方法（例如JavaScript函数）将它们动态划分为两组，例如左侧的4个按钮和右侧的3个按钮

现在，我只是通过在父标签中添加另外两个div-child标签来硬编码，并将它们放在彼此旁边，但这并不能解决我的问题

例如，我现在有以下代码：

.radioButtonList{
宽度：300px；
左边距：1px；
边缘顶部：15px；
}
.RadioButtonListDeviceFirst{
宽度：100px；
浮动：左；
高度：300px；
}
.RadioButtonListDeviceSecond{
宽度：200px；
浮动：左；
高度：300px；
}

试试CSS3

div{
-webkit列数：2；
/*铬、狩猎、歌剧*/
-moz列数：2；
/*火狐*/
列数：2；
}

选择1


选择2


选择3


选择4


备选案文5


备选案文6


备选案文7

请分享一些相关代码，以便我们能更好地帮助您。分享你的html和脚本代码我不是在寻找已经开发的代码，我只是问有没有人有什么想法或技巧可以帮助我。无论如何，谢谢你的关心，但我已经有了答案。非常感谢你的回答，朋友，这就是我要找的！我不知道这些属性的存在。你让我开心；）