CSS，垂直对齐表格单元格中的锚点

Question

我需要将表格单元格中的锚标记对齐到顶部，表格单元格包含textarea。我的代码如下所示，但是锚标记与textarea的底部对齐。

<style>
td {
  border:#777 1px solid; vertical-align:top;
}

textarea {
  height:100px; width:300px;
}
</style>

<table>
  <tr>
    <td>Message:</td>
    <td>
      <textarea></textarea>
      <a href="javascript:" title="Required">*</a>
    </td>
  </tr>
</table>

如何将该锚标记垂直对齐到单元格的顶部？

Answer 1

也为该锚定了一个垂直对齐的顶部：

td a {
    vertical-align: top;
}

Answer 2

<table>
<tr>
<td>Message:</td>
<td>
  <textarea></textarea>
 </td>
<td> <a href="javascript:" title="Required">*</a></td>
</tr>
</table>

Answer 3

默认情况下，Textarea用于将near元素向下推到同一行

a {
vertical-align: top;
}

选中此JSFiddle