Help with nesting Loving into a label element if it was only that easy there are other parts that I'm not sure about I've been stuck for 3 days

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

  **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 for="checkbox_id" value="loving" type="checkbox"> <lable for="Loving" </lable>   
    
  
        
        </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 (Linux; Android 10; 9032Z) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.106 Mobile Safari/537.36

Challenge: Step 55

Link to the challenge:

2

First, you shouldn’t change anything about the <input>. I would restart the step to get it back to what it was. Then, the only thing you should do is wrap label tags around the text “Loving” and add the for attribute to the opening label tag.

Also, make sure you spell “label” correctly.

1 Like
3 
       I reset and fix my spelling,  this is my code now

for=“Loving”

This is the hint it gave me after telling me I still don’t have it right.
The new label element does not have a for attribute. Check that there is a space after the opening tag’s name.

4
  1. The label element must wrap the text “Loving”
  2. The for attribute’s value must be “loving”
1 Like
5

My code now

for=“loving”

6

Can you share more code please(the full label and the input)

1 Like
7

I wish I could ,but I just tried that in my last post and it only posted for=“loving” as my code . Which is also what is showing up in the preview app page infrount of the checkbox

8

Just copy and paste(ctrl + c/cmd + c)

1 Like
9 
        <input id="loving" type="checkbox"> <label> for="loving" Loving </label>
10

The for="loving" must go inside the label tag <label ............>

11

Ok so for example if I put
for=“headace” Headace
Did I wrap the word headache in a label element
If not plz explain what I am doing wrong.

12

<label for="headache">Headache</label>would be wrapping.

1 Like
13 
        <Label for="headache">headache</level>

But it still says it wrong
With a hint of : Hint

The text Loving should be nested within the new label element. You have either omitted the text or have a typo.

14

Also I did use the word loving in my code

15

What is your present code?
EDIT:
You misspelled label in the end tag.

1 Like
16

It is:

Mod Edit: SOLUTION REDACTED
The hint is the space between input and label

1 Like
17

Please don’t post solutions in here. We try to help people find their own solutions.

2 Likes
18

Ok sorry about that I’m just super confused I’ve been working on this for 3 days I wrapped it just like I have been dealing other words from the beginning but this one is different and I can’t seem to figure out what kind of different way of wrapping I’m suppose to be doing on this one.

19

My comment wasn’t directed at you. You can definitely post broken code in here. We need to see it so we can see what you have been trying. If you are still not able to pass this step then please post your most recent HTML in here.

To display your code in here you need to wrap it in triple back ticks. On a line by itself type three back ticks. Then on the first line below the three back ticks paste in your code. Then below your code on a new line type three more back ticks. The back tick on my keyboard is in the upper left just above the Tab key and below the Esc key.

1 Like
20 
     <input id="loving" type="checkbox"Loving> <label for="loving">Loving

Am I getting close