<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>