如何在表单

Question

如何在表格之后垂直对齐表格行中的文字，在他的代码中，“序列号”字段明显低于其他所有字段。

<tr>
    <td valign="top">
        <b>SongKong discount)</b>
    </td>
    <td  valign="top">
        £40 ($50 USD)
    </td>
    <td valign="top">
        <form name="paypalpro" action="https://www.paypal.com/cgi-bin/webscr" method="post">
            <input type="hidden" name="cmd" value="_s-xclick">
            <input type="hidden" name="hosted_button_id" value="5UC5KAYZ6JZR8">
            <input alt="PayPal" type="image" src="https://www.paypal.com/en_US/i/btn/btn_xpressCheckout.gif" border="0" name="submit">
            <img alt="" border="0" src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" width="1" height="1">
            Serial No: <input type="textfield" name="serialno"/>
        </form>
    </td>
</tr>

Answer 1

将输入的垂直对齐方式设置为顶部：

form[name=paypalpro] input{
  vertical-align:top;
}

<强> jsFiddle example

内联元素的默认垂直对齐方式是baseline，这是您所看到的。