Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Table Spanning</title> <style> table { border-collapse: collapse; } th, td { border: 1px solid #aaa; padding: 10px 14px; text-align: center; } th { background: #e0e0e0; } </style> </head> <body> <table> <tr> <th colspan="3">Q1 Sales Report</th> </tr> <tr> <th>Month</th> <th>Product A</th> <th>Product B</th> </tr> <tr> <td>January</td> <td rowspan="2">Combined: 500</td> <td>200</td> </tr> <tr> <td>February</td> <td>180</td> </tr> <tr> <td>March</td> <td>260</td> <td>220</td> </tr> </table> </body> </html>
Result
Open