<!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