Свойство содержимого в CSS - как разместить содержимое в нескольких абзацах

Question

У меня есть блок текста, который повторяется на нескольких подстраницах моего веб-сайта. Поскольку я время от времени переписываю его и не использую db, я решил определить его в моем файле css с помощью псевдоэлементов (до, после).

Проблема: этот текст должен быть в 2 параграфах, и я не знаю, как включить linebreak в свойство Content в css. Нашли несколько ответов, но независимо от того, что я использую (\ a, \ A, \ n), ничего не работает. Не могу использовать «white-space: pre», поскольку я не знаю, где будут эти разрывы строк - все, что я хочу сделать, это добавить еще одну строку в Contect.

Для лучшего понимания, это то, что я хочу достичь

И это, как mı хотел сделать это В CSS:

.gettomestia: перед тем { содержание: «Как добраться до Местии:»; font-weight: bold; }

.gettomestia: after { содержание: «более длинный текст в 2 параграфах»; дисплей: встроенный блок; }

И в ASPX файл просто добавить пядь с классом = «gettomestia»

я знаю, его неаккуратно, но я не знаю лучшего способа. Кто-нибудь знает, как ввести этот штрих в Content «после» псевдоэлемента? Спасибо.

Answer 1

Попробуйте это ...

p:before { 
 
\t content: attr(data-paragraph1) '\00000A' attr(data-paragraph2); 
 
    display: block; 
 
    white-space:pre; 
 
}

<p data-paragraph1="This is paragraph 1" data-paragraph2="This is paragraph 2">This is simple paragraph</p>