// ---------- print template ----------
        var idQuestion =  "question" + i;
        var szQuestionHTML = '<td style="background-color: #66ff99;">' + i + '.' + '</td> <td style="background-color: #66ff99;" colspan="2" align="center"> <table> <tbody> <tr> <td id="qnom">' + qnom + '</td> </tr> <tr> <td id="qdenom" style="border-top: 2px solid rgb(0, 0, 0);">' + qdenom + '</td> </tr> </tbody> </table> </td> <td style="background-color: #66ff99;"> </td> </tr><br><!--here is the break that doesnt work--> <tr> <!--q1 options--> <td style="background-color: #cccccc;">a. <table> <tbody> <tr> <td id="a1">' + a1/*a1*/ + '</td> </tr> <tr> <td id="a2" style="border-top: 2px solid rgb(0, 0, 0);">' + a2 + '</td> </tr> </tbody> </table> </td> <td style="background-color: #cccccc;">b. <table> <tbody> <tr> <td id="b1">' + b1 + '</td> </tr> <tr> <td id="b2" style="border-top: 2px solid rgb(0, 0, 0);">' + b2/*b2*/ + '</td> </tr> </tbody> </table> </td> <td style="background-color: #cccccc;">c. <table> <tbody> <tr> <td id="c1">' + c1+ '</td> </tr> <tr> <td id="c2" style="border-top: 2px solid rgb(0, 0, 0);">' + c2 + '</td> </tr> </tbody> </table> </td> <td style="background-color: #cccccc;">d. <table> <tbody> <tr> <td id="d1">' + d1 + '</td> </tr> <tr> <td id="d2" style="border-top: 2px solid rgb(0, 0, 0);">' + d2 + '</td> </tr> </tbody> </table> </td>';


        document.getElementById(idQuestion).innerHTML = szQuestionHTML;
// ---------- end print template ----------