<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link href="TableStyle.css" rel="stylesheet" /> </head> <body> <h1>Thank you for submitting the form</h1> <table> <tr> <th colspan="2">CONTACT DETAILS</th> </tr> <tr> <th>Location</th> <th>Phone</th> </tr> <tr> <td>Sydney</td> <td>1111-1111</td> </tr> <tr> <td>Melbourne</td> <td>2222-1111</td> </tr> <tr> <td>Sydney</td> <td>1111-1111</td> </tr> <tr> <td>Melbourne</td> <td>2222-1111</td> </tr> </table> </body> </html> table{ width:100%; border-collapse:collapse; } table, th, td{ border:1px solid black; } td{ height:50px; } tr:nth-child(odd){ background-color:#f2f2f2; }
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter