Make sure your li elements have closing tags

Tell us what’s happening: Why do I get the "Make sure your li elements have closing tags. " message when I test this code (see end)? What’s wrong with my

  • closing tags? Thanks.

    Your code so far

    <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
    <style>
      .red-text {
        color: red;
      }
    
      h2 {
        font-family: Lobster, Monospace;
      }
    
      p {
        font-size: 16px;
        font-family: Monospace;
      }
    
      .thick-green-border {
        border-color: green;
        border-width: 10px;
        border-style: solid;
        border-radius: 50%;
      }
    
      .smaller-image {
        width: 100px;
      }
    </style>
    
    <h2 class="red-text">CatPhotoApp</h2>
    
    <p>Click here for <a href="#">cat photos</a>.</p>
    
    <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "></a>
    
    <ul> <li>milk</li> <li>catnip</li> <li>yarn</li> </ul>```
    **Your browser information:**
    
    Your Browser User Agent is: ```Mozilla/5.0 (Macintosh; Intel Mac OS X 10.13; rv:57.0) Gecko/20100101 Firefox/57.0```.
    
    **Link to the challenge:**
    https://www.freecodecamp.org/challenges/create-a-bulleted-unordered-list
  • Never mind, there was a stray < li > at the top of my code. Thanks anyway.