html – 如何使CSS中具有相等列宽的表？

<table>
    <tr>
        <td>
            Word
        </td>
        <td>
            Definition
        </td>
    </tr>
    <tr>
        <td>
            Word
        </td>
        <td>
            Definition
        </td>
    </tr>
    <tr>
        <td>
            Word
        </td>
        <td>
            Definition
        </td>
    </tr>
</table>

使用CSS，我需要将所有的单元格设置为50％的宽度，左边的“列”中的文本是右对齐的，左列的文本是左对齐的。我尝试过许多不同的选择，例如宽度：50％; text-align：left，但结果总是不寻常的。结果应如下所示：

_________________________
|       word | definition |
|____________|____________|
|       word | definition |
|____________|____________|

>我无法直接调整表的实际代码。我只能修改CSS样式。
> Make columns of equal width in <table>中的答案是不合适的，因为我不知道页面的宽度，宽度可能会有所不同。

如何在CSS中的两列表中设置相等宽度的单元格，其中所有对齐到中间？