JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
  </head>
  <body>
    <h1>
      <span class="opened">test</span>
      <br>
      <span class="closed">test</span>
    </h1>
  </body>
</html>

CSS

.opened {
    font-size: 40px;
}

.opened::before {
    display: inline-block;
    content: "▼";
    width: 10px;
}

.closed::before {
    display: inline-block;
    content: "▶";
    width: 10px;
}