Share your repls and programming experiences

← Back to all posts
CSS_PRACTICE
VARSHAvarsha2 (0)
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Using Attributes Quiz</title> <style> body { font-family: Arial; }
	#to-do-list {
		width: 400px;
		background: #2e3d49;
		padding: 10px 20px;
	}

	.title {
		color: #fff;
	}

	.underline {
		text-decoration: underline;
	}

	.list {
		list-style-type: circle;
		text-align: centre;
		font-size: 16px;
		color: #1fba58;
		line-height: 24px;
	}

	.finished {
		color: #f4442f;
		text-decoration: line-through;
	}
</style>
</head><body> <div> <h1>So eveyone can edit this</h1> <h2>Chores</h2> <ul class="list"> <li>load the dishwasher</li> <li>vacuum living room</li> <li>take out garbage</li> <li class="finished">sweep the garage</li> </ul> <h2>Homework</h2> <ul class="list"> <li>brainstorm ideas for Science project</li> <li>finish Calculus 2 problems</li> <li>study for Programming midterm :P</li> <li>finish Project 0 on ShapeAI</li> <li class="finished">find sources for Biology research paper</li> <li>read first two chapters of The Art of War</li> </ul> <h2>Party</h2> <ul class="list"> <li>send out invitations</li> <li>reserve party room at restaurant</li> <li>order the cake!</li> </ul> </div> </body></html>