Pseudo-elements

<h2>Frequently asked questions</h2>
<p class="question">
  What are FAQs?
</p>
<p class="answer">
  FAQs are frequently asked questions by customers of a product or students of a course.
</p>

.question::before {
  content: "Q";
}
.answer::before {
  content: "A";
}
.question::before, .answer::before {
  margin-right: 5px;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 0;
  color: tomato;
}