Result Size: 300 x 150
x
 
<!DOCTYPE html>
<html>
<style>
.city {
  background-color: tomato;
  color: white;
  padding: 10px;
}
.main {
  text-align: center;
}
</style>
<body>
<h2>Кілька класів</h2>
<p>Всі три заголовка мають назву класа "city". Крім того, Лондон також ще має ім’я класу "main", який вирівнює текст по центру.</p>
<h2 class="city main">Лондон</h2>
<h2 class="city">Париж</h2>
<h2 class="city">Токіо</h2>
</body>
</html>