Как разметить программный код в html?

Question

[Валерий Суворов]

Коллеги, подскажите пожалуйста, как разметить программный код в HTML?
Требуется разметить код тега p — открытым и закрытым.
Оборачивал элемент p в теги pre, xmp, code, но желаемый результат не получил.
Элемент <p> в браузере должен быть строчным и с треугольными скобками, открытый и закрытый.
Код:
codepen.io/valerun/pen/mWmrJN

Буду благодарен за помощь!

Answer 1

[anton_lazarev]

<p>

Answer 2

[Максим Тимофеев]

Не пойму что у Вас должно получится, судя по вопросу и примеру у Вас и так все работает. Вот:
https://jsfiddle.net/acu6aeeq/
Что тут не так?