It's time for one of those piddling little things that just drives you
crazy. Here's the deal:
Look at the left nav bar. Not bad. Fixed-width, absolutely positioned.
Problem: when I have a navigation link (which I tend to do, since it's a nav
bar), it lines up nicely - unless the link is wider than the nav bar, and is
forced to wrap.
Then the link flops down to the line below, and it's sort of ugly.
Here's what I'd like: I'd like for the second (or third, or fourth) line of
any wrapping links to be lined up with the beginning of the links. Take a
look - see how I put a "bullet" at the beginning of each link? Well, that
indents it a bit, so the if a line wraps, the next line's not lined up with
the beginning of the LINK - it's lined up with bullet.
So I need to sort of... indent the lines.
I have no idea how this might be accomplished. Actually, I did have some
ideas, but none of them worked. Which is why I'm bringing the problem here -
because, though I don't know a solution, I suspect it if it's possible, it
will be through CSS.
Any brilliant ideas?
- Brandon Oto