Step 55 HTML help

HTML-CSS
1

Step 55

There’s another way to associate an input element’s text with the element itself. You can nest the text within a label element and add a for attribute with the same value as the input element’s id attribute.

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.

My code:

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

(there is a space between “>” and “Loving”)

This new curriculum is worded insanely horribly. I have read five other posts on people being stuck on this step and the mods deleted the answer so I can’t figure out what the solution is. The wording seems to imply to capitalize Loving inside the <label for="Loving"> but that doesn’t work, and apparently it’s suppose to match the ID in the input, which is lower case so idk.

2
3

We do because we seek to improve the curriculum, posting answer is harmful for the long run.

Especially when you are trying to find jobs, seeking answer instead of knowing how to find them is a big deal.

If you have suggestions with better wording, we can open an issue in GitHub repo.

You have done this steps perfectly, the hint says

The text Loving should no longer be located directly to the right of your checkbox. It should be wrapped in a label element. Make sure there is a space between the two elements.

Your issue currently, there is no space after your input tag itself

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

yah I just went to the next lesson and copy pasted, it was the same aside from a space. thanks.

1 Like
5

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