HTML » html class attribute

HTML

​x
 
<!DOCTYPE html>
<html>
<head>
<style>
.city {
  background-color: tomato;
  color: white; 
  margin: 20px;
  padding: 20px;
}
</style>
</head>
<body>
​
<div>
  <h2>London</h2>
  <p>London is the capital of England.</p>
</div>
​
<div class="city">
  <h2>Paris</h2>
  <p>Paris is the capital of France.</p>
</div>
​
<div class="city">
  <h2>Tokyo</h2>
  <p>Tokyo is the capital of Japan.</p>
</div>
​
</body>
</html>

CSS

​

JavaScript

​

Output: