Skip to content

Instantly share code, notes, and snippets.

@simply-coded

simply-coded/table.html

Last active June 21, 2017 14:46
Show Gist options
  • Save simply-coded/6518c23c8eb84ee140e3e6cdd82eb8f9 to your computer and use it in GitHub Desktop.
Save simply-coded/6518c23c8eb84ee140e3e6cdd82eb8f9 to your computer and use it in GitHub Desktop.
Download ZIP
REQUEST: HTML table code.
Raw
table.html
<!DOCTYPE html>
<html>
<head>
<style>
table {
background-color: #f2f2f2;
border: 5px solid cornflowerblue;
border-spacing: 10px;
font-family: Arial, Helvetica, sans-serif
}
th {
background-color: cornflowerblue;
border: 2px solid cornflowerblue;
color: white;
padding: 10px;
}
td {
border: 2px solid cornflowerblue;
padding: 10px;
text-align: center;
vertical-align: middle;
border-top: 0;
border-bottom: 0;
}
.th-title {
background-color: white;
border-top: 0;
border-bottom: 0;
color: black;
}
</style>
</head>
<body>
<table>
<tr>
<th class="th-title" colspan="4">Contest</th>
</tr>
<tr>
<th>Place</th>
<th>Runner</th>
<th>Award</th>
<th>Total</th>
</tr>
<tr>
<td>1st</td>
<td>Jake</td>
<td>$50</td>
<td rowspan="2">$80</td>
</tr>
<tr>
<td>2st</td>
<td>Ben</td>
<td>$30</td>
</tr>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment