CodePen Embed - qByOMYW

<h2>Заголовок</h2>

span { color: red; }

const wrapFirstLetter = el => {
  const letter = el.textContent[0];
  el.innerHTML = `<span>${letter}</span>${el.textContent.substring(1)}`;
}

wrapFirstLetter(document.querySelector('h2'));

This Pen is owned by Sergei Sokolov on CodePen.

See more by @sergiks on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.