Как сделать рамку вокруг текста в html

• В первую очередь необходимо внести текст внутрь подходящего тега html, например параграфа <p></p>
• Затем указать данному параграфу класс для удобства, например text-with-border
• И добавить такой код в файл стилей:

.text-with-border {
  border: 3px dotted red;
}

Для создания рамки вокруг текста в HTML можно также воспользоваться CSS, но прям в HTML коде:

<div>
    <span style="border: 2px solid black;">Шрифт</span>
</div>

И уже менять свойства рамки можно прям в HTML коде

Результат