Sorry, but now you are absolutely confused.
Your initial question was about a multiple choices
The thing is the question type in the examples is Array, however the question type in my case is Multiple Choice.
And you still use a "normal" array with the javascript workaround to insert the radios into the question text.
Here this css is absolutely useless. And as you see, not necessary.
And it is "single answer"
But your question was about a checkbox solution.(multiple possible answers).
And here the suitable question type is "array(numbers)".
Therefore I showed how you use an array(numbers) with checkbox layout and put it directly under your table in the question text (only with these three lines of css).
And you should remove the third row of your table. This is replaced by the question
And really urgent: Revise your HTML code.
You see the alignment of the "Option" row?
And look at this cell definition (how many times do you want to set the "font-size" or the "color")
<td bgcolor="#308737" style="text-align: center;" width="10%"><span style="font-size:11pt"><span style="font-family:Calibri,sans-serif"><span style="color:#ffffff;font-size:20px;"><span style="color:#ffffff;font-size:20px;"><strong>Option 6</strong></span> </span></span></span></td>
