Create an Ordered List (including an Un-Ordered List)

Tell us what’s happening:
Why doesn’t the code is running even though the code is correct?

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" alt="A cute orange cat lying on its back. " src="https://bit.ly/fcc-relaxing-cat"></a>

<p>Things cats love:</p>
<ul>
  <li>cat nip</li>
  <li>laser pointers</li>
  <li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>

    <ol> Top 3 things cats hate:
         <li> </li>
         <li> </li>  
         <li> </li> 
    </ol>
  
    <ul> Things Cats Love:
          <li> </li>
          <li> </li>
          <li> </li>  
    </ul>
    
    
    
    ```
**Your browser information:**

Your Browser User Agent is: ```Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.132 Safari/537.36 OPR/50.0.2762.58```.

**Link to the challenge:**
https://www.freecodecamp.org/challenges/create-an-ordered-list

What do the failing tests say?

There’s a red X mark on this sentence “You should have three li elements within your ul element.” even though I’ve typed the code correct!!

It might be because you don’t have anything in your list elements.

I don’t think so…cause I don’t put anything in the Ordered list elements as well.But, thats just fine.And, there’s a green tick on that one.

Yes, but you also have an unordered list with elements that do contain text. That’s the one that is causing the test to pass.

I don’t know.I’m a little confused right now.Because, in the previuos one, I did the same i.e.,didn’t add any text in between the elements and it turned out well !!

.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;
}

CatPhotoApp

Click here for cat photos.

A cute orange cat lying on its back.

Things cats love:

  • cat nip
  • laser pointers
  • lasagna

Top 3 things cats hate:

<ol> Top 3 things cats hate:
     <li> </li>
     <li> </li>  
     <li> </li> 
</ol>

<ul> Things Cats Love:
      <li> Sleep </li>
      <li> Food </li>
      <li> Mice </li>  
</ul>

Take a look at this.Even now, it ain’t running …

Mr Saikumar73 were able to solve the proble cause am facing the same problem

@SaiKumar73 FreeCodeCamp must be checking the number of elements in the “ul” tag…just after p tag “Things cat love:”. When we remove the text in “li” elements of the “ul” tag it works fine. If we shift it after the “ol” tag it gives an error. When we add more “ul” tag then the count of elements become more than 3 as mentioned in the steps to follow… This is what I think is stopping the code from being passed in the online editor… It should work fine in other editors as I don’t see any error in the logic or syntax. Hope it helps you understand.