CSSでの表のデザインについて

実現したいこと

一番上のセルを結合させたいです

前提

HTMLにcolspan="2"を記述し２つのセルを結合させようとしています。

<table class="main-point-table"> <tr class="table-line-title"> <th colspan="2" class="table-title">〇〇〇〇〇〇〇〇〇〇〇〇〇</th> </tr> <!--表1列目--> <tr class="table-lein-1"> <td class="table-point-title">〇〇〇</td> <td class="table-point-text">〇〇〇〇〇〇〇〇〇〇〇〇〇〇<br>〇〇〇〇〇〇〇〇〇〇〇 </td> </tr> </table>

問題、解決しない箇所

セルが結合しません。

試したこと

widthが足りないのかと思いサイズを大きくしてみたりしたのですが、変化がありませんでした。

ご回答よろしくお願いいたします。