Automatic PHP AutoRun Control:
Page Count: 20 — Recommended Page Duration: 40 seconds   « Previous | Intro | Next » | File 11 | Help? | ↓

How to Build a CSS Web Site » Page 11 of 20

Jump Link Styling

Since the jump links are only needed by a few users, I want to make them less obtrusive and nicer looking. To do this I display them in-line, float them to the right (which reverses the order), and modify padding and margin for visual separation and background adjustment. They are actually an unordered list so the separation is already implemented, just not visually.

An H2 Heading

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam id tortor. Sed placerat, mi vitae suscipit accumsan, leo purus ultrices erat, at ornare eros turpis sit amet diam.

Quisque hendrerit. In hac habitasse platea dictumst. Morbi purus turpis, interdum at, faucibus aliquam, vestibulum et, massa. Proin lacinia sollicitudin mauris. — A Latin Guy

An H3 Heading

Proin lacinia sollicitudin mauris. Praesent sed risus. Suspendisse potenti.

  • Unordered List Item One
  • Unordered List Item Two

Praesent sed risus. Nunc in metus. Suspendisse potenti.

  1. Ordered List Item One
  2. Ordered List Item Two

Nunc in metus. Suspendisse potenti.

Define Term One
Term one’s definition.
Define Term Two
Term Two’s definition.

PHP AutoRun v.1.1 © 2007-2024 Top

Attention: This is the end of the usable page. The image below is pre-loaded for performance only.