Способ отделения текста и вопроса от поля текстовой области в HTML

Question

У меня такая проблема. Я написал этот код HTML, но не могу согласовать вопрос, кнопки да / нет и текстовое поле. В моем вопросе есть огромное пространство от кнопок да / нет, но когда я перетаскиваю поле текстовой области и уменьшаю его, кнопки вопроса и да / нет приближаются, как я хотел, чтобы он выглядел. Как я могу исправить эту проблему, чтобы мой вопрос был рядом с кнопками да / нет, а поле было внизу и не двигалось, когда я перетаскивал его, чтобы увеличить или уменьшить?

<table cellspacing="2" cellpadding="2">
 <tr>        
    <td class="data_yy">
       <input type="radio" name="jack" id="jack" value="Y" onclick="hideShowJacks('Y');"/><label>Yes</label> 
       <input type="radio" name="jack" id="jack" value="N" checked onclick="hideShowJacks('N');"/><label>No</label>
   </td>
       <td class="data_xx"> Are are taking English class in fall?</td>
   </tr>
   <tr>
       <td>
       <textarea cols="120" rows="5" maxLenghth="20" class="resizable" name="jack" id="jack">    </textarea>
          <div class="plaintext" style="justify:left" id="jack">&nbsp;</div>
      </td>
   </tr>
</table>

Answer 1

Итак, это таблица, и у вас есть две ячейки в первой строке и только одна ячейка во второй строке . Вы хотите, чтобы эта вторая ячейка имела colspan="2" в качестве свойства ...

<td colspan="2">

А затем, для второй части вашей проблемы («так что мой вопрос [текст] находится рядом с да / no buttons "), вы захотите изменить первую ячейку" да / нет "на <nobr>, чтобы не было разрыва строки, а также установите width="1" ...

<td class="data_yy" width="1">

Сделал быстрая рабочая демонстрация .

Это правильно?