Оператор C# \n для строки в HTML 
 
 не работает

Вебсайт на Django 3.2, Visual Studio 2019. Необходимо передать текст описания ссылки - текстовую строку в HTML-коде. Для перевода строки и возврата каретки существуют специальные HTML-коды &#10; &#13;. Их использование не дает желаемого результата. <br> - работает: <a href="link">Text3.<br>Text4.</a>. Но почему специальные коды HTML не работают?

{% extends "/layout.html" %}<!--♕-->{% block content %}<div class="Jambotron">
<h1>Welcome!</h1>
<p class="lead">Text1!&#10;&#13;Text2.</p>
<a href="link">Text3.&#10;&#13;Text4.</a>
</div>{% endblock %}

Пример: специальные коды HTML сработали не так, как задумывалось

Example: special codes did not work out as intended

В HTML несколько пробельных символов по умолчанию сворачиваются в один пробел. Это отличная "особенность", поскольку она позволяет писать разметку с читаемыми отступами и т.д.

Однако вы можете контролировать это поведение с помощью свойства CSS white-space (https://developer.mozilla.org/en-US/docs/Web/CSS/white-space).

Для сохранения специальных пробельных символов можно использовать white-space: pre;

p {
  white-space: pre;
}
<p class="lead">Text1!&#10;&#13;Text2.</p>

Вернуться на верх