Try it Yourself: HTML Classes

HTML Classes

<!DOCTYPE html>
<html>
<head>
<style>
  .note {
    background: #fffbcc;
    padding: 8px;
    border-left: 3px solid #e6b800;
  }
</style>
</head>
<body>

<p class="note">Meeting moved to 3 PM.</p>
<p class="note">Bring your laptop charger.</p>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<style>
  .note {
    background: #fffbcc;
    padding: 8px;
    border-left: 3px solid #e6b800;
  }
</style>
</head>
<body>

<p class="note">Meeting moved to 3 PM.</p>
<p class="note">Bring your laptop charger.</p>

</body>
</html>