テーブルの列の幅を均等にしたい

■ WordPress のバージョン
6.9

■ テーマ・プラグインは全て最新版で確認してください。
確認しました。

■ テーマの種類
Lightning ( G3 )

■ テーマのバージョン
15.32.2

■ スキンの種類
Origin III

■ 期待する動作
テーブルの列の幅を均等にしたい

■ 自分で試した事
テーブルの列の幅を以下のように指定しているのですが、スマホ表示では均等の幅になりません。

<table style=”border-collapse: collapse; width: 100%;”>
<tbody>
<tr>
<th style=”width: 25%;”>商品</th>
<th style=”width: 25%;”>①Mofmo マットレス</th>
<th style=”width: 25%;”>②SOMRESTAマットレスPREMIUM</th>
<th style=”width: 25%;”>③咲夜ハイフィール</th>
</tr>

均等の幅に見せるにはどうしたらよいでしょうか？

■ 症状が発生するブラウザ
chrome

■ 実際の症状
添付の通り、均等になっていない

■ その他特記事項
なし