Styla sayslist-style controls bullet/number markers — type, image, and position.
list-style-type changes markers (disc, decimal, none, custom strings). list-style-position sets inside vs outside. Set list-style:none to strip markers for nav menus, then lay out items with flex. The ::marker pseudo-element styles the bullet itself.
Power-ups you unlock
list-style-type: disc | decimal | none | "→"
list-style:none for nav menus
::marker styles the bullet/number
Combine with flex for horizontal menus
The Specificity Sphinx attacks — common mistakes
Removing markers but leaving default padding/indent
Faking lists with <div>s
Forgetting list semantics matter for screen readers
Boss battleTurn a <ul> into a horizontal nav: remove markers, zero padding, flex the items.