scriptygoddessI'm just curious… is there a fancy way to do something like this in CSS:
Introduction …………… Page 1
Information ……………. Page 2
More Info ……………… Page 3
… where the "Page" text lines up and the "….." just fills in until it reaches the "Page" text… kind of like you'd see in a table of contents in a book? (Ideally the "…." wouldn't even be text in the markup. It would just be a background fill or something…) Is that even possible?
Update: Jenna got me on the right track…. (Thank you!) 😀
Make each line part of a list item. Apply the background image to <li> style. Wrap each part with another tag. Float one right, the other left, and give them both a solid color background the same as the rest of the page (so that it covers the dot, so it won't show through under the text). I also wanted the right column to line up, so I gave it a width, and told the text to align-left. Here's the example.
