Making a list, checking it twice.

Pay close attention to opening and closing tags when making nested lists. Wrongly coded lists will display strangely. It can be tricky to spot the error too!

<html> <head> <style>body {background-color: lightBlue; } h2 { color: white; }</style> </head> <body>  <h2>My Todo List</h2>
<ol>
  <li>Water the plants</li>
  <li>
    Go to the grocery and buy:
    <ul>
      <li>Milk</li>
      <li>Cheese</li>
    <ul>
  </li>
  <li>Make dinner</li>
</ol>
</body>
</html>]]>

In the code below there's an incorrectly closed ul element below <li>cheese</li>.

Because the element isn't closed it causes the next list to behave like it's nested second time.