Aligning A Group Of Radio Button Vertically And Divide It If Necessarely

I have been looking for a solution for this problem but I couldn't find any in particular satisfying my request so it would be really cool if any of you can help! The problem is th

Solution 1:

Try CSS3 column-count

div {
  -webkit-column-count: 2;
  /* Chrome, Safari, Opera */
  -moz-column-count: 2;
  /* Firefox */column-count: 2;
}

<div><inputtype="radio"name="group">Option 1
  <br><inputtype="radio"name="group">Option 2
  <br><inputtype="radio"name="group">Option 3
  <br><inputtype="radio"name="group">Option 4
  <br><inputtype="radio"name="group">Option 5
  <br><inputtype="radio"name="group">Option 6
  <br><inputtype="radio"name="group">Option 7
  <br><div>