Как создать таблицу с одинаковыми ширинами столбцов в 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% ширину, при этом текст в левой колонке выравнивается по правому краю, а текст в левом столбце выравнивается по левому краю. Я пробовал много разных вариантов, например. width: 50%; text-align: left, но результаты всегда необычны. Результаты должны выглядеть следующим образом:

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

• Я не могу напрямую настроить фактический код таблицы. Я могу изменить только стиль CSS.
• Ответ в Сделать столбцы равной ширины в <table> не подходит, потому что я не знаю ширины страницы, и эта ширина может меняться.

Как я могу установить ячейки с равной шириной в таблице с двумя столбцами в CSS со всеми, выровненными по середине?

Ответы

table{
    width: 100%;
    border-collapse:collapse;
}

td{
    width: 50%;
    text-align: left;
    border: 1px solid black;
}