HTML luokka atribuutti tekee mahdolliseksi määritellä tietyn tyylin tietylle <div> elementille:
Lontoo
Lontoo on Englannin pääkaupunki. Se on suosituin kaupunki Englannissa, sen metropolialueella on yli 13 miljoonaa asukasta.
Pariisi
Pariisi on Ranskan pääkaupunki
Tokio
Tokio on Japanin pääkaupunki, se on maailman suosituin metropoli alue maailmassa.
Esimerkki
<!DOCTYPE html>
<html>
<head>
<style>
div.cities {
background-color:black;
color:white;
margin:20px;
padding:20px;
}
</style>
</head>
<body>
<div class="cities">
<h2>Lontoo</h2>
<p>Lontoo on Englannin pääkaupunki. Se on suosituin kaupunki Englannissa, sen metropolialueella on yli 13 miljoonaa asukasta..</p>
</div>
<div class="cities">
<h2>Pariisi</h2>
<p>Pariisi on Ranskan pääkaupunki.</p>
</div>
<div class="cities">
<h2>Tokio</h2>
<p>Tokio on Japanin pääkaupunki, se on maailman suosituin metropoli alue maailmassa.</p>
</div>
</body>
</html>