<div class="container">
  <p class="text-shadow">Text Shadow</p>
</div>
.text-shadow {
  text-shadow: 2px 2px 2px #cccccc;
}

.container {
  text-align: center;
  height: 100%;
  width: 100%;
}
Run Pen

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css

External JavaScript

This Pen doesn't use any external JavaScript resources.