<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang='en'>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=ISO-8859-1'>
<title>Page Title</title>
<!-- link rel='stylesheet' href='style.css' type='text/css' -->
<style type="text/css">
<!--
table {
  border-collapse: collapse;
  border: none;
  font: small arial, helvetica, sans-serif;
}
td {
  vertical-align: middle;
  width: 10em;
  margin: 0;
  padding: 0;
}
td p {
  border-bottom: solid 1px black;
  margin: 0;
  padding: 5px 5px 2px 5px;
}
-->
</style>
</head>
<body>
<table summary="Tournament Bracket">
 <tr>
  <td><p>1. team name</p></td>
  <td rowspan="2"><p>team name</p></td>
  <td rowspan="4"><p>team name</p></td>
  <td rowspan="8"><p>team name</p></td>
  <td rowspan="16"><p>team name</p></td>
 </tr>
 <tr>
  <td><p>16. team name</p></td>
 </tr>
 <tr>
  <td><p>8. team name</p></td>
  <td rowspan="2"><p>team name</p></td>
 </tr>
 <tr>
  <td><p>9. team name</p></td>
 </tr>
 <tr>
  <td><p>5. team name</p></td>
  <td rowspan="2"><p>team name</p></td>
  <td rowspan="4"><p>team name</p></td>
 </tr>
 <tr>
  <td><p>12. team name</p></td>
 </tr>
 <tr>
  <td><p>4. team name</p></td>
  <td rowspan="2"><p>team name</p></td>
 </tr>
 <tr>
  <td><p>13. team name</p></td>
 </tr>
 <tr>
  <td><p>6. team name</p></td>
  <td rowspan="2"><p>team name</p></td>
  <td rowspan="4"><p>team name</p></td>
  <td rowspan="8"><p>team name</p></td>
 </tr>
 <tr>
  <td><p>11. team name</p></td>
 </tr>
 <tr>
  <td><p>3. team name</p></td>
  <td rowspan="2"><p>team name</p></td>
 </tr>
 <tr>
  <td><p>14. team name</p></td>
 </tr>
 <tr>
  <td><p>7. team name</p></td>
  <td rowspan="2"><p>team name</p></td>
  <td rowspan="4"><p>team name</p></td>
 </tr>
 <tr>
  <td><p>10. team name</p></td>
 </tr>
 <tr>
  <td><p>2. team name</p></td>
  <td rowspan="2"><p>team name</p></td>
 </tr>
 <tr>
  <td><p>15. team name</p></td>
 </tr>
</table>
</body>
</html>