css - 如何使用 css 将表格行右对齐？

Question

我正在尝试将包含我网站导航链接的表格行从左对齐移动到右对齐，但无论我编辑什么，都没有移动。我最近才开始学习 HTML 和 CSS，因此我们将不胜感激。

HTML

    <div id="nav">
    <table>
        <tr>
            <td>
                <a href="index.html">
                    <img src="Images/Home.png"/>
                </a>
            </td>
            <td>
                <a href="Learn.html">
                    <img src="Images/Learn.png"/>
                </a>
            </td>
            <td>
                <a href="Practice.html">
                    <img src="Images/Practice.png"/>
                </a>
            </td>
            <td>
                <a href="About.html">
                    <img src="Images/About.png"/>
                </a>
            </td>
            <td align="right">
                <a href="Donate.html">Donate</a>
            </td>
        </tr>
    </table>
</div>

CSS

#nav {
    width: 100%;
    height: 10%;
    float: right;
    background-color: #47B531;
    margin: 0px;
    padding:0px;
    white-space: nowrap;
}
#nav tr {
    margin: 0px;
    padding: 0px;
    width: 100%;
}
#nav td {
    font-size: 18px;
    margin: 0px;
    padding: 5px;
    text-align: right;
    margin: 0px;
}
#nav img {
    width: 30px;
    height: 30px;
    display: inline;
    padding: 5px;
    margin: 0px;
}

Answer 1

请使用

<table align="right"> 

而不仅仅是表格标签。