HELP! Learn Accessibility by building a Quiz Step 26

the Directions are:

Step 26

Within the second section element, add two div elements with a class of question-block .

Then, within each div.question-block element, add one p element with text of incrementing numbers, starting at 1 , and one fieldset element with a class of question .

My code is as follows:

 <div class="question-block"><p>
            <fieldset class="question">1</fieldset>
          </p>
          </div>
          <div class="question-block"><p>
            <fieldset class="question">2</fieldset>
          </p>
          </div>

error:
Test
Sorry, your code does not pass. Keep trying.

Hint
You should nest one p element within each div.question-block element.

Please help

1 Like

the p and fieldset should come one after the other, not be nested

5 Likes

But it says,

“… within each div.question-block element, add one p element…”

Doesn’t that mean one p element nested in each of the separate div elements?

2 Likes

yes, but not the fieldset nested in the p
as it says

1 Like

Ahhh…it worked…that was such a small change I would have never guessed that…thanks

can you share that code? i got the same trouble

2 Likes
      <section role="region" aria-labelledby="html-questions">
        
          <h2 id="html-questions">HTML</h2>

          <div class="question-block">
            <p>1</p>
            <fieldset class="question"></fieldset>
          </div>

          <div class="question-block">
            <p>2</p>
            <fieldset class="question"></fieldset>
          </div>
          
        </section>

<333

3 Likes

put fieldset after p

HTML

1

2

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.