JSFiddle - React, Tailwind, and code Playground

HTML

<div>
         <table border="1">
            <caption>Таблица 2</caption>
            <tr>
               <td colspan="2">Столбец 1 строки 1 объединен по горизонтали с 2 стобцом строки1 </td>
               <td>Столбец 3 строки 1</td>        
            </tr>
            <tr>
               <td >Столбец 1 строки 2</td>
               <td colspan="2"></td>            
            </tr>
            <tr>
               <td>Столбец 1 строки 3</td>
               <td colspan="2">Столбец 2 строки 3</td>
               
            </tr>
         </table>
      </div>

CSS

caption{
    text-align: left;
}

table {
  border-collapse: collapse;
  width: 700px;
  height: 200px;
}

td {
  text-align: center;
}