The best way to lay out a list of links — say, like those you would find in a footer — is typically to code them as an HTML list and use CSS for the presentation.

However, sometimes this is neither convenient nor practical (can you say, "legacy CMS"?).

In which case, here are some variations on how you can separate a list of links, starting with the old standby, the vertical bar or pipe.

1. Vertical bar

Copyright | Privacy | RSS Feed | Sitemap

2. Broken vertical bar

Copyright ¦ Privacy ¦ RSS Feed ¦ Sitemap

3. Medium list dot

Copyright · Privacy · RSS Feed · Sitemap

4. Big list dot

Copyright • Privacy • RSS Feed • Sitemap

5. Colon

Copyright : Privacy : RSS Feed : Sitemap

6. En-dash

Copyright – Privacy – RSS Feed – Sitemap

7. Forward slash

Copyright / Privacy / RSS Feed / Sitemap

8. Generic currency symbol

Copyright ¤ Privacy ¤ RSS Feed ¤ Sitemap

9. Lozenge

Copyright ◊ Privacy ◊ RSS Feed ◊ Sitemap

10. Diamond

Copyright ♦ Privacy ♦ RSS Feed ♦ Sitemap

Posted on: June 4, 2009 | No comments

Recent Entries in "Web Design"

• 12 Landing Page A/B Testing Results That Will Surprise You
• Smashing Magazine Book #3 "Redesign The Web" Reviews Roundup
• Design Patterns: When to Use and When to Break the Rules

Comments

Comments are closed for this entry.