Forum:CSS code problem

Please have a look on next template:  I want the items aligned all left, categories right, and both connected with dotted lines. But I don't get how to expand the dots to the end of text. Could someone give me a solution? 19:37, April 21, 2012 (UTC)
 * Item · · · · · · · · · · · · · · · · · · · · · · ·
 * Item A1011 · · · · · · · · · · · · · · · · · · · · · · · Category 11
 * Item B22 · · · · · · · · · · · · · · · · · · · · · · · Category 7
 * Item C59999 · · · · · · · · · · · · · · · · · · · · · · · Category 2
 * I was going to suggest the following script using the padding functionality, but it appears the padding functionality is not working on Wikia:
 * In order for this to work, a monospace font should be used. The 80 I used in the expression is an estimation of the amount of characters that fit in the width of the page using a monospace font. This can fluctuate because different operating systems can have different monospace fonts as defaults. Using a width of 70 or 75 over 80 may increase compatibility, but also leaves some more whitespace at the right margin. Please let me know if the padding functionality works on your Wiki, it does not work on The Elder Scrolls Wiki for unknown reasons, as all other string functions are working. ~ Flightmare 20:52, April 21, 2012 (UTC)
 * It may be disabled by Wikia as it can be used by denial of service attacks. The default MediaWiki safety setting is configured at 100 characters though. Can someone confirm this? ~ Flightmare 21:02, April 21, 2012 (UTC)
 * As you said, the template above seems not working on any wiki I'm working on. (ko.seiyuu.wikia, ko.pokemon.wikia) The script may be disabled here. 21:12, April 21, 2012 (UTC)


 * The #pad string function doesn't work because it has been replaced by the  and   Magic Words.
 * Example:
 * Code:

*
 * Result:


 * --Gardimuer { ʈalk } 03:05, April 23, 2012 (UTC)
 * --Gardimuer { ʈalk } 03:05, April 23, 2012 (UTC)


 * Wow amazing. Now I'm gonna apply this to my template. Thanks a lot!!