5 hands-on exercises and 5 find-the-bug challenges for the CSS Lists lesson. Every one is checked automatically in the browser — write the code, run it, and the tests tell you what still fails.
Give #list square markers.
Put the markers inside the content box.
Hide the markers on #list.
Square markers, positioned inside, in one declaration.
No markers and no indent — the usual navigation reset.
The marker value is square.
Marker placement uses list-style-position.
Ready to write the code?
The editor, the automatic checks and the worked solutions open up with an account.
Open the workspaceRemoving markers uses list-style-type, not display.
The marker type comes before the position.
A list reset also needs the default padding removed.