Hi
I’m not able to complete the task due to failing test 4, 8,9 & 10. My html is below:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Styled To-Do List</title>
<link rel="stylesheet" href="styles.css"/>
</head>
<body>
<div class ="todo">
<h1> To-do List</h1>
<ul class="todo-list" style= "list-style-position: inside;">
<li>
<input type="checkbox" id="bake"/>
<label for="bake">Bake Cake</label>
<ul class="sub-item">
<li class= "sub-item-link" ><a target="_blank" href="google.com">Recipe</a></li>
</ul>
</li>
<li>
<input type="checkbox" id="eat"/>
<label for="eat">Eat Cake</label>
<ul class="sub-item">
<li class= "sub-item-link"><a target="_blank" href="wikipedia.com">How to eat</a></li>
</ul>
</li>
<li>
<input type="checkbox" id="dishes"/>
<label for="dishes">Do dishes</label>
<ul class="sub-item">
<li class= "sub-item-link"><a target="_blank" href="ao.com">Washing Machines</a></li>
</ul>
</li>
<li>
<input type="checkbox" id="away"/
<label for="away">Put away dishes</label>
<ul class="sub-item">
<li class= "sub-item-link"><a target="_blank" href="reddit.com">Kitchen Map</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>
The links are just nonsense placeholders.
These are the errors I am getting:
4. The li inside the ul with the class todo-list should contain a label element.
8. The id and for attributes of the input and label elements pairs, should have corresponding values.
9. After the label elements, there should be an unordered list with the class sub-item.
10. The li inside the ul with the class sub-item should have an anchor element with the class sub-item-link.