index of contents - tableless?

[ggerri]

Hi guys

need to do a index of contents which looks more like a page out of a book than a website Something like this:



I'd like to do that tableless but dont really get it how to manage that the subjects are aligned left and the pages right . Subject AND Page # should both href to the selected page.

Thanks for any help
ggerri

[Snookerman]

Here you go:
HTML:

<div id="subject">Subject<br />
  <a href="">About this</a><br />
  <a href="">My things</a></div>
<div id="page">Page<br />
  <a href="">1</a><br />
  <a href="">2</a></div>

CSS:

#subject {
	float:left;
	width:200px;
}
#page {
	text-align:right;
	float:left;
	width:200px;
}