JSFiddle - React, Tailwind, and code Playground

HTML

<p>Такой пример: <pre>    alert("Привет, мир!")</pre> выводит окно с приветствием</p>
<p>Такой пример: <code>    alert("Привет, мир!")</code> выводит окно с приветствием</p>

<p>Такой пример: <span class="pre">    alert("Привет, мир!")</span> выводит окно с приветствием</p>

CSS

body {
  color: #008;
  font-size: 8pt;
}
p {
  text-indent: 2em;
  font-size: 12pt;
  color: #444;
}
.pre {
    display: block;
    margin: 10px 0;
    white-space: pre;
    font-family: Monospace;
}