creating tab leaders ("chapter 1 .........")

[rubychyld]

I'm trying to create a tab leader "...."
chapter 1 - Apples .................. page 1
chapter 2 - Bing Cherries............ page 25
chapter 3 - Grapefruit............... page 44

any suggestions on how to get these dots to generate?
I'd like something like
<td>chapter 1 - Apples<hr style=&quot;dotted&quot;></td>

but this doesn't work, the <hr> always goes to the next line...

Thanks for any good ideas!
Liz Catch the vigorous horse of your mind!

 

[Boomerang]

Hi Liz,

This is a nice &quot;only IE&quot; solution:

<table border=1 cellpadding=0 cellspacing=0 width=300 rules=none>
<tr height=20 >
<td width=200>
<div style=&quot;width:200px; height:20px; overflow:hidden&quot;>
chapter&amp;nbsp;1&amp;nbsp;-&amp;nbsp;Apples&amp;nbsp;...........................................................
</div>
</td>
</td>
<td align=left width=100 >
&amp;nbsp;page 1
</td>
</tr>
<tr height=20>
<td>
<div style=&quot;width:200px; height:20px; overflow:hidden&quot;>
chapter&amp;nbsp;2&amp;nbsp;-&amp;nbsp;Bing&amp;nbsp;Cherries&amp;nbsp;..............
</div>
</td>
<td align=left>
&amp;nbsp;page 25
</td>

</tr>
<tr height=20>
<td>
<div style=&quot;width:200px; height:20px; overflow:hidden&quot;>
chapter&amp;nbsp;3&amp;nbsp;-&amp;nbsp;Grapefruit&amp;nbsp;......................................
</div>
</td>
<td align=left>
&amp;nbsp;page 44
</td>
</tr>
</table>

Erik