Whats wrong with this checkbox code?

Tell us what’s happening:
Describe your issue in detail here.
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.

  **Your code so far**
<html>
<body>
 
        <fieldset>
          <legend>What's your cat's personality?</legend>
          <label for="loving"><input id="loving" type="checkbox"> Loving</label>
        </fieldset>
        </body>
</html>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36

Challenge: Step 55

Link to the challenge:

Right now you have both the input and the text “Loving” inside of the the label. As the instructions say, you should only have the text “Loving” inside of the label.