Merge two cells in an HTML table

Question

I am creating a table in HTML and I would like my top cell to be two wide. Here is an example:

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

Is there any way to do this in HTML?

Answer 1

Set the colspan attribute to 2.

... but do not use tables for layout .

Answer 2

Add the colspan attribute (abbreviation for "column range") to the upper cell ( <td> ) and set its value to 2. Your table should look like this:

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

Answer 3

use colspan for this

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