I do not know how to add radio button elements into a form

Tell us what’s happening:

  **Your code so far**

<h2>CatPhotoApp</h2>
<main>
<p>Click here to view more <a href="#">cat photos</a>.</p>

<a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
<form>
<p>Things cats love:</p>
<ul>
  <label>
    <input type="radio"   name="indoor-outdoor"> Indoor
  </label>
  <label>
    <input type="radio" name="indoor-outdoor"> Outdoor
  </label>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
  <li>flea treatment</li>
  <li>thunder</li>
  <li>other cats</li>
</ol>
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>
</main>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.190 Safari/537.36.

Challenge: Create a Set of Radio Buttons

Link to the challenge:

The example in the challenge has a clear example of how to do that. Why not try to follow that example. ul is an unordered list. It shouldn’t be wrapping around inputs. Reset the challenge and put your inputs below the input that’s already there.