My error code is telling me "You should nest one input element within the first div, after the label." what am I doing wrong?

HTML-CSS
1 
<section role="region" aria-labelledby="student-info">
          <h2 id="student-info">Student Info</h2>
          <div class="info"><label><input /></label></div>
          <div class="info"><label><input /></label></div>
          <div class="info"><label><input /></label></div>
          
        </section>

error: You should nest one input element within the first div , after the label .

2

Got it to work

<section role="region" aria-labelledby="student-info">
          <h2 id="student-info">Student Info</h2>
          <div class="info">
            <label></label>
            <input />
          </div>
          <div class="info">
            <label></label>
            <input />
          </div>
          <div class="info">
            <label></label>
            <input />
          </div>
        </section>
1 Like
3

Hey

Glad to see I wasn’t the only one struggling with this and you are right your revised code passes the test. However, I am still inclined to think that the </label> should be after the <input> so it will be interesting to see how this develops as the exercise progresses.

4

in short, I was rightly in trouble and did not understand how the exercise was working

5

I was way ahead of the actions needed but wasn’t closing < / label >
This short hints sometimes drive me nuts. :sweat_smile: