<a href="#" class="box anchor">
  <p>
    Lorem ipsum dolor, sit amet consectetur adipisicing elit. Accusantium totam soluta incidunt eligendi similique quas a reprehenderit veniam voluptas quis. Incidunt reiciendis fugit error, exercitationem maiores inventore libero labore eum?
  </p>
</a>

<div class="box non-anchor">
  <p>
    Lorem ipsum dolor, sit amet consectetur adipisicing elit. Accusantium totam soluta incidunt eligendi similique quas a reprehenderit veniam voluptas quis. Incidunt reiciendis fugit error, exercitationem maiores inventore libero labore eum?
  </p>
</div>
.box:hover {
  background: lightgrey;
}

.box:active {
  background: yellow;
}

.box {
  display: block;
}

body {
  margin: 3rem;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.