<form>
	<input id="1" type="checkbox" checked><label for="1">Eat breakfast</label><br>
	<input id="2" type="checkbox"><label for="2">Clean car</label><br>
	<input id="3" type="checkbox" checked><label for="3">Grocery shopping</label><br>
	<input id="4" type="checkbox" checked><label for="4">Play games</label><br>
	<input id="5" type="checkbox" checked><label for="5">Take a nap</label><br>
	<input id="6" type="checkbox"><label for="6">Do some work</label><br>
</form>
body {
	font-family: arial;
}

form {
	margin: 30px;	
}

input[type=checkbox] {
  margin-bottom: 15px;
	margin-right: 5px;
}

input[type=checkbox]:checked + label {
  text-decoration: line-through;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.