Not sure I agree with the tables suggestion though...Assuming that the data is related, a table is fine for this. On the other hand, I wouldn’t exactly call your use of paragraph elements semantic.
Here’s an example (http://jsg.byethost4.com/demos/CF%20108909.html) that looks more like what the OP requested. The main drawbacks are (A) that it relies on font size for perfect alignment and (B) that it fails to work correctly when the text on either side is more than one line in height. For the latter reason, I used white-space: pre to prevent line-breaks.
The technique works in the latest versions of Firefox, Internet Explorer, and Opera; it’s one pixel above the desired location in Opera, but I’d say that that’s an okay trade-off. It should work in Internet Explorer 6 as well; you just need to assign classes to all of the cells in the last column and to the second row in the header since that browser doesn’t support the CSS sibling combinator (+). That’s more verbose and I didn’t feel like typing it.
<!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=UTF-8">
<title>CF 108909</title>
<meta name="Author" content="Patrick Garies">
<style type="text/css">
* { margin: 0; padding: 0; }
html { padding: 1em; font: 16px/1.2em "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
table { margin: 0 auto; border-collapse: collapse; }
tr > * { padding: 0.1em 0; }
cite { font-style: normal; }
thead tr + tr { display: none; }
tbody tr { background: url("dot.gif") 0 78% repeat-x; }
tbody th, tr td + td { text-align: right; }
tbody th { background: white; padding-right: 0.4em; font-weight: normal; }
tr td + td { padding-left: 0.4em; }
span { padding: 0 0.2em; background: white; white-space: pre; }
</style>
</head>
<body>
<table>
<thead>
<tr>
<th colspan="3"><cite>Dragonseye</cite> Table of Contents</th>
</tr>
<tr>
<th scope="col" abbr="Chapter">Chapter Number</th>
<th scope="col" abbr="Title">Chapter Title</th>
<th scope="col" abbr="Page">Initial Page Number</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row"></th>
<td><span>Prologue</span></td>
<td><span>1</span></td>
</tr>
<tr>
<th scope="row">1</th>
<td><span>Early Autumn at Fort’s Gather</span></td>
<td><span>4</span></td>
</tr>
<tr>
<th scope="row">2</th>
<td><span>Gather at Fort</span></td>
<td><span>49</span></td>
</tr>
<tr>
<th scope="row">3</th>
<td><span>Late Fall at Telgar Weyr</span></td>
<td><span>64</span></td>
</tr>
<tr>
<th scope="row">4</th>
<td><span>Telgar Weyr and the College</span></td>
<td><span>87</span></td>
</tr>
<tr>
<th scope="row">5</th>
<td><span>Weyrling Barracks and Bitra Hold</span></td>
<td><span>104</span></td>
</tr>
<tr>
<th scope="row">6</th>
<td><span>Telgar Weyr, Fort Hold</span></td>
<td><span>138</span></td>
</tr>
<tr>
<th scope="row">7</th>
<td><span>Fort Hold</span></td>
<td><span>162</span></td>
</tr>
<tr>
<th scope="row">8</th>
<td><span>Telgar Weyr</span></td>
<td><span>183</span></td>
</tr>
<tr>
<th scope="row">9</th>
<td><span>Fort Hold and Bitran Borders, Early Winter</span></td>
<td><span>197</span></td>
</tr>
<tr>
<th scope="row">10</th>
<td><span>High Reaches, Boll, Ista Weyrs; High Reaches Weyr, Fort, and Telgar Holds</span></td>
<td><span>217</span></td>
</tr>
<tr>
<th scope="row">11</th>
<td><span>The Trials at Telgar and Benden Weyrs</span></td>
<td><span>238</span></td>
</tr>
<tr>
<th scope="row">12</th>
<td><span>High Reaches and Fort Holds</span></td>
<td><span>261</span></td>
</tr>
<tr>
<th scope="row">13</th>
<td><span>Bitra Hold and Telgar Weyr</span></td>
<td><span>278</span></td>
</tr>
<tr>
<th scope="row">14</th>
<td><span>Turn’s End at Fort Hold and Telgar Weyr</span></td>
<td><span>300</span></td>
</tr>
<tr>
<th scope="row">15</th>
<td><span>New Year 258 After Landing; College, Benden Hold, Telgar Weyr</span></td>
<td><span>327</span></td>
</tr>
<tr>
<th scope="row">16</th>
<td><span>Cathay, Telgar Weyr, Bitra Hold, Telgar</span></td>
<td><span>348</span></td>
</tr>
<tr>
<th scope="row">17</th>
<td><span>Threadfall</span></td>
<td><span>379</span></td>
</tr>
</tbody>
</table>
</body>
</html>