Create a Dynamic Table of Contents with ul li tags - css.
<style type='text/css'>
.table
{
background:#333;
}
.table ul
{
float:left;
margin:0;
padding:0;
border:1px solid #C9C9C9;
}
.table ul li
{
list-style:none;
padding:5px 10px;
}
.table ul li.title
{
font-weight:bold;
background:#333;
color:#fff;
}
.table ul li.even
{
background:#fff
}
.table ul li.odd
{
background:#FFFFE6
}
</style>
<div class='table'>
<ul>
<li class='title'>Continent</li>
<li class='even'>Asia</li>
<li class='odd'>Africa</li>
<li class='even'>North America </li>
<li class='odd'>South America</li>
</ul>
<ul>
<li class='title'>Area</li>
<li class='even'>43</li>
<li class='odd'>30</li>
<li class='even'>24</li>
<li class='odd'>17</li>
</ul>
<ul>
<li class='title'>Population</li>
<li class='even'>60</li>
<li class='odd'>14</li>
<li class='even'>8</li>
<li class='odd'>6</li>
</ul>
</div>