How to align checkbox columns?

We have created a one multiple choice tool into 2 columns and the words are running into the next column.  i tried to space the form wider and it is not helping.  

Please insert the below CSS into your Custom CSS Field:

#cid_24 > div > span:nth-child(1){

  margin-left: -20px;

  margin-right:8px;

}

#cid_24 > div > span:nth-child(3){

  margin-left: -20px;

    margin-right:8px;

}

#cid_24 > div > span:nth-child(5){

  margin-left: -20px;

    margin-right:8px;

}

#cid_24 > div > span:nth-child(7){

    margin-left: -20px;

    margin-right:8px;

}

#cid_24 > div > span:nth-child(9){

    margin-left: -20px;

    margin-right:8px;

}

#cid_24 > div > span:nth-child(11){

    margin-left: -20px;

    margin-right:8px;

}

#cid_24 > div > span:nth-child(13){

    margin-left: -20px;

    margin-right:8px;

}

#cid_24 > div > span:nth-child(15){

    margin-left: -20px;

    margin-right:8px;

}

#cid_24 > div > span:nth-child(17){

    margin-left: -20px;

    margin-right:8px;

}

#cid_24 > div > span:nth-child(19){

    margin-left: -20px;

    margin-right:8px;

}

#cid_24 > div > span:nth-child(21){

    margin-left: -20px;

    margin-right:8px;

}

#cid_24 > div > span:nth-child(23){

    margin-left: -20px;

    margin-right:8px;

}

#cid_24 > div > span:nth-child(25){

    margin-left: -20px;

    margin-right:8px;

}

#cid_24 > div > span:nth-child(27){

    margin-left: -20px;

    margin-right:8px;

}

That will make the fields aligned like this:

You can check my test form as well: https://www.jotform.com/80234947701961

Let us know how it worked.

Thank you!