Element labels for radio buttons

HTML-CSS
1

I cant seem to label my elements properly

Indoor Outdoor 


i have also tried

<label>
<input id="indoor" type="radio" name="indoor-outdoor">
    <for="indoor">Indoor
</label>

<label>
<input id="outdoor" type="radio" name="indoor-outdoor">
<for="outdoor">Outdoor
   </label>
 


**Your browser information:**

User Agent is: <code>Mozilla/5.0 (X11; CrOS aarch64 13099.85.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/84.0.4147.110 Safari/537.36</code>.

**Challenge:** Create a Set of Radio Buttons

**Link to the challenge:**
https://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/create-a-set-of-radio-buttons
2

Hi and welcome to the forum.

Your code is a little different than the given example in the written challenge description:

<label for="indoor"> 
  <input id="indoor" type="radio" name="indoor-outdoor">Indoor 
</label>
1 Like
3

You appear to be trying to create “for” elements, which do not exist.

1 Like
4

hello and thank you, you stare at it for so long and you cant make out where you are going wrong.