<html>
<style>
.city {
background-color: tomato;
color: white;
padding: 10px;
}
</style>
<body>
<h2>Same Class, Different Tag</h2>
<p>Even if the two elements do not have the same tag name, they can have the same class name, and get the same styling:</p>
<h2 class="city">Paris</h2>
<p class="city">Paris is the capital of France.</p>
</body>
<!-- Mirrored from www.w3schools.com/html/tryit.asp?filename=tryhtml_classes_tags by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 27 Jan 2020 02:24:41 GMT -->
</html>