Learn Accessibility by Building a Quiz - Step 32

Tell us what’s happening:

guys pls check if my code is wrong? wheni run it ,it doesnt work and then ive arranged the code in such a way that the input comes before the label,

Your code so far

<!-- file: index.html -->
<!-- User Editable Region -->

              <ul class="answers-list">
                <li>
                  <input type="radio" id="q1-a1"  value="true"/>
                  <label for="q1-a1">true</label>
                </li>

                <li>
                  <input type="radio" id="q1-a2"  value="false"/>
                  <label for="q1-a2">false</label>
                </li>
              </ul>
            </fieldset>
          </div>


          <div class="question-block">
            <p>2</p>
            <fieldset class="question" name="html-question-two">
              <legend>
                A label element nesting an input element is required to have a
                for attribute with the same value as the input's id
              </legend>
              <ul class="answers-list">
               
                  <li>
                    <input type="radio" id="q2-a1" value="true">
                    <label for="q2-a1">true</label>
                  </li>
                

                
                 <li>
                  <input type="radio" id="q2-a2"  value="false"/>
                  <label for="q2-a2">false</label>
                        </li>
              </ul>             
              </div>


<!-- User Editable Region -->
/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.0.0 Safari/537.36 Edg/124.0.0.0

Challenge Information:

Learn Accessibility by Building a Quiz - Step 32

Don’t rearranged label and input. Keep them nested like the way it was.

The instruction said:

the input comes before the text

not the input comes before the label.

Also, the label text should be capitalize: True and False.