class_id.php

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Class/ID</title>
</head>
<body>
<div class="city">
	<h1>London</h1>
	<p>London is the capital of England</p>
</div>
<div class="city">
	<h1>New York</h1>
	<p>New York is the captial of America</p>
</div>
<div class="abc">
	<h1>Kuala Lumpur</h1>
	<p>KL is the capital of Malaysia</p>
</div>
<div class="abc">
	<h1>Penang</h1>
</div>

<div id="bbb">
	<h1>ABC</h1>
</div>
<div id="BBB">
	<h1>ABC</h1>
</div>
</body>
</html>
<style type="text/css">
	.city{
		background-color: pink;
		color: white;
		border: 1px solid black;
		margin: 20px;
		padding: 20px;
	}
	.abc{
		background-color: skyblue;
		border: 1px solid black;
		margin: 20px;
		padding: 20px;
	}
	#bbb{
		background-color: purple;
		border: 1px solid black;
		margin: 20px;
	    padding: 20px;
	}
</style>