html - 在 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"作为属性(property)...

<td colspan="2">

然后，对于问题的第二部分(“所以我的问题 [文本] 位于是/否按钮旁边”)，您需要将第一个是/否单元格更改为 <nobr>所以它不会换行，并且还设置 width="1" ...

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

做了一个quick working demo .

这看起来合适吗？