HTML Code

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

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

CSS ::first-letter — after heading