Тексты не стоят рядом друг с другом в двух пролетах

Question

У меня есть тексты в двух пролетах, но они не рядом друг с другом. (Последний текст находится ниже предыдущего текста, но он должен быть рядом с предыдущим.)

Вот код, из которого печатаются тексты:

var display_options_1 = `

         <td><span id="A${i}" class="${question.questionId}" onclick="onSelect(event)">${question.options[0]}</span><span>${question.option_text[0]}</span></td>
         <td><span id="B${i}" class="${question.questionId}" onclick="onSelect(event)">${question.options[1]}</span><span>${question.option_text[1]}</span></td>`;

var display_options_2 = `

         <td><span id="C${i}" class="${question.questionId}" onclick="onSelect(event)">${question.options[2]}</span><span>${question.option_text[2]}</span></td>
         <td><span id="D${i}" class="${question.questionId}" onclick="onSelect(event)">${question.options[3]}</span><span>${question.option_text[3]}</td>`;

Вот полный код с рабочим Демо !

ОБНОВЛЕНИЕ 1

Проще было решить проблему с Ответом Static Void , но мне нужно было выбрать только ${question.options[]}, а не ${question.option_text[0]} ...

Answer 1

Измените это так: <td><span id="A${i}" class="${question.questionId}" onclick="onSelect(event)">${question.options[0]}${question.option_text[0]}</span></td>

Требуется только один интервал.

Answer 2

все еще редактирует один момент http://jsbin.com/zizelebiko/1/edit?js,output

  var display_options_1 = `

        var display_options_1 = `

        <td><div class="${question.questionId}"><span id="A${i}"  onclick="onSelect(event)">${question.options[0]}</span><span>${question.option_text[0]}</span></div></td>
        <td><div class="${question.questionId}"><span id="B${i}"  onclick="onSelect(event)">${question.options[1]}</span><span>${question.option_text[1]}</span></div></td>
    </td>`;
var display_options_2 = `

        <td><div class="${question.questionId}"><span id="C${i}"  onclick="onSelect(event)">${question.options[2]}</span><span>${question.option_text[2]}</span></div></td>
        <td><div class="${question.questionId}"><span id="D${i}"  onclick="onSelect(event)">${question.options[3]}</span><span>${question.option_text[3]}</span></div></td>
    </td>`;