Will Oller .com

Dotted Tables are tables with an empty dotted td in the middle,
like so:

Someting ………………… $100
Something More ………… $10,000

Each line is a complete table, all held inside a div#dotted_tables

that determines their length.
Nowrap is also enforced on all table children, so be aware of this
if you are using a dotted table within a body of text.


#dotted_tables {
width: 70%;
}
#dotted_tables table {
width: 100%;
}
#dotted_tables table * {
white-space: nowrap;
font-size: 12px;
}
#dotted_tables p {
margin-left: 0;
}
#dotted_tables .dotted {
width: 100%;
border-bottom: 1px dotted #aaaaaa;
}