How to make text wrap around a label?

Hello I am super newbie, I am stuck at Exercise 1. The hint kept saying I need to wrap the text in a label which contains a button. What does that mean?

My code looks like this now:

 <legend>What's your cat's personality?</legend>
            <label for="loving"> <input id="loving" type="checkbox">
             Loving
            </label>

There are several 'Step 1’s. Can you provide the link to the challenge you are working on? Thanks

It’s the Cat App exercise, step 55.

Here is the challenge instructions:

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.

and the original code:

            <input id="loving" type="checkbox"> Loving

You should put the label tags immediately before and after the specified text Loving.

Thanks for your reply. Do you mean by this?

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

I still got an error " Hint

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." :frowning:

No, you did not move your label tags.

Your opening label tag is immediately before the input element and your closing label tag is immediately after the text Loving. You most only put the tags only around the text Loving and absolutely nothing else.

It worked!! thank you :slight_smile:

1 Like