如何使表格中的内容在表格中置于顶部

Question

想让如图表格中的文字的红色背景顶在表格的上部，使用valign="top"没有任何的反应。
因为红色的是文字的背景色，不知道如何更改HTML和CSS样式才能使红色背景置顶。

Answer 1

relative定位，设置下top

 <style>td{position:relative;font-size:12px}
span.note{position:relative;background:#f00;color:#fff;top:-8px}</style>
<table border="1">
<tr><td align="right">目录：</td><td><input type="text"/><span class="note">不能为空</span></td></tr>
</table>