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