HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <title>::first-letter drop cap</title>
  <style>
    p::first-letter {
      float: left;
      font-size: 250%;
      padding: 6px 3px;
      margin-right: 6px;
      color: #fff;
      background: #0f172a;
    }
  </style>
</head>
<body>
  <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.</p>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

CSS ::first-letter — drop cap