如何使此代码垂直对齐到底部

Question

我得到了这段简单的<td>代码，我想让测试(第三个html组件)与行的底部对齐，但不管我怎么尝试，它都不会停止。

我知道有数以千计的这类问题，我读了3-4篇文章，但我尝试的东西都不起作用。

    <table border="0">
        <tr>
            <td width="144" height="125"><img src="images/logo.png" alt="CommuniTake" width="143"
                height="123"></td>
            <td width="775">
            <h1><h:outputText value="#{msg.General_Configuration_Title}" /></h1>
            </td>
            <td style="float:right;vertical-align:text-bottom">
            TEST
            </td>
        </tr>
    </table>

谢谢!

Answer 1

只要移除float并将其设置为vertical-align: bottom，它就会坠入深渊！

Answer 2

<td valign="bottom">

应该行得通

Answer 3

这样如何：

<table border="0">
    <tr>
        <td width="144" height="125"><img src="images/logo.png" alt="CommuniTake" width="143"
            height="123"></td>
        <td width="775">
        <h1><h:outputText value="#{msg.General_Configuration_Title}" /></h1>
        </td>
        <td valign="bottom">
        TEST
        </td>
    </tr>
</table>