Question

Got this simple piece of html code and I want to make the TEST (third <td> component) align to the bottom of the row but it stays up no matter what I try.

I know there are thousands of questions of this sort and I read 3-4 articles but non of the stuff I tried works.

    <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>

Thanks!

Answer 1

Just remove the float and make it vertical-align: bottom and it’ll fall to the abyss!