Combinar dos celdas de tabla HTML

Question

Estoy creando una tabla en HTML y me gustaría que mi celda superior tenga el ancho de dos. Aquí hay un dibujo aproximado:

__________________________________________ 
|    HEADER     | 
|          | 
========================================== 
|     ||     | 
|  CONTENT  ||  CONTENT  | 
|     ||     | 
------------------------------------------ 

¿Hay alguna forma de lograr esto en HTML?

Answer 1

establece el atributo colspan a 2.

... pero please don't use tables for layout.

Answer 2

Añadir un atributo colspan (abbriviation de 'lapso de la columna') en su celda superior (<td>) y establezca su valor a 2. Su mesa debe asemeja a la siguiente;

<table> 
    <tr> 
     <td colspan = "2"> 
      <!-- Merged Columns --> 
     </td> 
    </tr> 

    <tr> 
     <td> 
      <!-- Column 1 --> 
     </td> 

     <td> 
      <!-- Column 2 --> 
     </td> 
    </tr> 
</table> 

Answer 3

uso colspan para hacer esto

<td colspan="3">PUR mix up column</td>