Navigaatiopalkki luettelona (Tapa 1)

HTLM:koodissa linkit luettelona

CSS:ssä tehdään muotoilut naville, luettelolle navin sisällä ja linkeille nav luettelon sisällä:

(Huom! Linkeille, jotka sijaitsevat muualla sivulla on eri määrittely, pelkkä a.
Navigaatiota muotoillessa css:ään tulee nav, nav a, nav a:hover jne)

Huom. Line-height´illä saa mallattua tekstiä oikeesti ”laatikon” keskelle, jos se ei mene samalla korkeusmäärittelyllä kuin nav li:ssa. Riippuu varmaan fontista näyttääkö olevan keskellä vai ei…

Toinen tapa tehdä (Tapa 2)

HTML:ään nav -tagien väliin tehdään linkit normaalisti
CSS:ään tulee nav, nav a, nav a:hover jne)