Group a block with a div — practice exercise

What you'll be asked to do

1. 1.Group a block with a divexercise · easy · 10 min

   Wrap two paragraphs in a div.

   Passes when: Wrap two paragraphs in a div.

2. 2.Target text with a spanexercise · easy · 10 min · practice plan

   Wrap one word in a span with a class.

   Passes when: Wrap one word in a span with a class.

3. 3.Give a div a classexercise · easy · 10 min · practice plan

   Add a div with the class "card".

   Passes when: Add a div with the class "card".

4. 4.Nest a span inside a divexercise · easy · 10 min · practice plan

   Put a span inside a div's paragraph.

   Passes when: Put a span inside a div's paragraph.

5. 5.Prefer semantics where possibleexercise · medium · 10 min · practice plan

   Use a section instead of a div for a titled block.

   Passes when: Use a section instead of a div for a titled block.

6. 6.Fix the span wrapping blocksbug fix · easy · 8 min

   A span cannot contain paragraphs.

   Passes when: A span cannot contain paragraphs.

7. 7.Fix the div used inlinebug fix · easy · 8 min · practice plan

   Highlighting a word inline needs a span.

   Passes when: Highlighting a word inline needs a span.

8. 8.Fix the div where a section belongsbug fix · easy · 8 min · practice plan

   A titled block should be a section.

   Passes when: A titled block should be a section.

9. 9.Fix the missing classbug fix · easy · 8 min · practice plan

   The wrapper has no class to target.

   Passes when: The wrapper has no class to target.

10. 10.Fix the div used as a listbug fix · easy · 8 min · practice plan

    Repeated items should be a real list.

    Passes when: Repeated items should be a real list.

Between them these tasks cover div vs span and When to use generic elements.

Looking for a different chapter? See every practice set, or switch to the interview theory questions.