HTML таблица - ширина столбцов не меняется

Question

Я пытаюсь отрегулировать ширину столбцов в следующей таблице HTML без особого успеха. Цвет фона меняется, но не ширина. Есть идеи, что я делаю неправильно?

Я попробовал подход, предложенный @RonDeVera, но он не работает: stackOverflow

            <table>
                <thead>
                    <tr>
                        <th className="table_ulr"><div className="url_header">URL</div></th>
                        <th className="table_content"><div className="content_header">Content</div></th>
                    </tr>
                </thead>
                <tbody>
                    {likelyResults.map(i => {
                        return (
                            <AdvancedLikelyResultItem
                                sourceUrl={i.sourceUrl}
                                content={i.content}
                            />
                        );
                    })}
                </tbody>
            </table> 

CSS

table {
    width: 100%;
}

.table_ulr {
    width: 30%;
    //background-color: orangered;
}

.table_content {
    width: 70%;
    //background-color: blue;
}

.url_header {
    left: 12px;
    right: 14px;
    top: 0px;
    font-family: Arial;
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0.2px;
    color: #4d636c;
}

.content_header {
    left: 12px;
    right: 14px;
    top: 0px;
    font-family: Arial;
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0.2px;
    color: #4d636c;
}

Answer 1

Ваш пример работает, изменив className на class на элементах <th> и <div>!

Затем просто измените классы css на желаемую ширину.