IMHO, dotted tabs are not very good idea in net, they look so 1980's, so
unless you aim 1980 look, think something else.
I'd go for a table.[/QUOTE]
I assumed table. But now that I think of it, it could be done using pre
also, but I don't think that is good idea at all.
[snip]
background: url("dots.png") #fff bottom left repeat-x;
[snip]
This might degrade bit better than my examples, but you need that image.
I can't think any sensible way to make the dots look like real dots of
font, which is disappointing. Unsensible way, works in Opera 7 at least:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<style type="text/css">
tr, table {display:block;font-family:monospace;}
td {display:inline;white-space
re:font-family:monospace;}
tr td:first-child:after { content:" ......................." }
tr + tr td:first-child:after { content:" ........................."}
tr + tr + tr td:first-child:after { content:" ........................"}
</style>
<table>
<tr><td>item x<td>$100.00
<tr><td>item y<td>$2.00
<tr><td>total<td>$102.00
</table>
