Pré-formatado

Mussum Ipsum, cacilds vidis litro abertis. Posuere libero varius. Nullam a nisl ut ante blandit hendrerit. Aenean sit amet nisi. Nec orci ornare consequat. Praesent lacinia ultrices consectetur. Sed non ipsum felis. Mé faiz elementum girarzis, nisi eros vermeio.
Suco de cevadiss deixa as pessoas mais interessantis.
Manduma pindureta quium dia nois paga.Interessantiss quisso pudia ce receita de bolis, mais bolis eu num gostis.Nec orci ornare consequat. Praesent lacinia ultrices consectetur. Sed non ipsum felis.Copo furadis é disculpa de bebadis, arcu quam euismod magna.

<pre>
. .  .
</pre>

Quando o elemento pre é inserido diretamente no documento HTML, ele deve ser posicionado sem espaços ou tabulações, ou seja, alinhado diretamente com o início da linha.

pre {
    white-space: pre-wrap;
    margin: 10px 0;
    padding: 5px 10px 6px;
    line-height: 1.3;
    letter-spacing: 1.1px;
    font-family: var(--font_mono);
    color: var(--color);
    background-color: var(--background);
    border: var(--border);
}