Step55 label for

HTML-CSS
1

I’m stuck here.
I don’t know what I should do here and honestly I don’t think i even understand the assignment.

" Associate the text Loving with the checkbox by only nesting the text Loving in a label element and place it to the right side of the checkbox input element."

help me please

  **Your code so far**


<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <section>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
      <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
    </section>
    <section>
      <h2>Cat Lists</h2>
      <h3>Things cats love:</h3>
      <ul>
        <li>cat nip</li>
        <li>laser pointers</li>
        <li>lasagna</li>
      </ul>
      <figure>
        <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
        <figcaption>Cats <em>love</em> lasagna.</figcaption>  
      </figure>
      <h3>Top 3 things cats hate:</h3>
      <ol>
        <li>flea treatment</li>
        <li>thunder</li>
        <li>other cats</li>
      </ol>
      <figure>
        <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
        <figcaption>Cats <strong>hate</strong> other cats.</figcaption>  
      </figure>
    </section>
    <section>
      <h2>Cat Form</h2>
      <form action="https://freecatphotoapp.com/submit-cat-photo">
        <fieldset>
          <legend>Is your cat an indoor or outdoor cat?</legend>
          <label><input id="indoor" type="radio" name="indoor-outdoor" value="indoor"> Indoor</label>
          <label><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label>
        </fieldset>
        <fieldset>
          <legend>What's your cat's personality?</legend>
          <input id="loving" type="checkbox"><label for> Loving</label>
        </fieldset>
        <input type="text" name="catphotourl" placeholder="cat photo URL" required>
        <button type="submit">Submit</button>
      </form>
    </section>
  </main>
</body>
</html>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.5 Safari/605.1.15

Challenge: Step 55

Link to the challenge:

2

I think that you shall connect label tag with input tag with id and for attribute

and I think the assignment is to understand how to code html in “correct” way so both normal seeing user and those who have some kind of handicap that can use website without major issue.

3

Hello! I was having a very similar situation- totally stumped by this step! Here’s what the solution was below- I think my issue was I didnt appreciate that the label for “loving” then had to be attributed to something (in this case Loving!)

<input id="loving" type="checkbox"> <label for="loving">Loving</label>

4

why I copy this code to test ,but can’t past
system show me that

Test

Sorry, your code does not pass. Keep trying.

Hint

You will need to add a new label element in which to nest the text Loving. Make sure it has both an opening and closing tag.

5

Hello, please click on the “Ask for Help” button inside the specific exercise. This will create a topic for your question which includes the code and allow you to fill out a field describing what you need help with.