Formatting Lists – Comp 416
World Chess Champions - more smoothly boxed and spaced - each li with class=boxed
- Tigran Petrosian
- Bobby Fischer
- Gary Kasparov
- Boris Spassky
World Chess Champions - factor out the class
- Tigran Petrosian
- Bobby Fischer
- Gary Kasparov
- Boris Spassky
World Chess Champions - more smoothly boxed and spaced
- Tigran Petrosian
- A defensive genius
- But Botvinik had his number
- Almost impossible to beat – very successful in match play
- Did not win often enough to shine in tournaments
- Bobby Fischer
- Gary Kasparov
- Boris Spassky
World Chess Champions - every other row shaded
- Tigran Petrosian
- Bobby Fischer
- Gary Kasparov
- Boris Spassky
World Chess Champions - using the 'even' class
- Botvinnik
- Tigran Petrosian
- Bobby Fischer
- Gary Kasparov
- Boris Spassky
World Chess Champions - using the pseudo-classes
- Tigran Petrosian
- Bobby Fischer
- Gary Kasparov
- Boris Spassky
World Chess Champions - two columns
- Tigran Petrosian
- Bobby Fischer
- Gary Kasparov
- Boris Spassky
Comma separation (like bullets) can be added by hand (labor intensive). You should let CSS do the work by using pseudo classes :after and :before. This is an example of CSS generating content (text, the commas).
World Chess Champions - just right
This is a list of world chess champions:
- Tigran Petrosian
- Bobby Fischer
- Gary Kasparov
- Boris Spassky
Breadcrumbs - proper separation
- Home
- Second Level
- Third Level