Идеи о том, как отображать/представлять HTML-теги на веб-странице

Есть ли способ написать HTML на веб-странице, но чтобы он отображался как текст?

Позвольте мне объяснить: Я хочу создать веб-страницу с обсуждением HTML. Поэтому там будут разделы типа

<div>
    <p>
        <span>Hello world</span>
    </p>
</div>

Я бы хотел, чтобы это было отформатировано правильно, с отступами, и, возможно, даже теги были в другой цветовой схеме.

Я прекрасно понимаю, что я мог бы написать стили для этого сам, но наверняка кто-то уже написал и предоставил таблицу стилей, LESS mixin или, возможно, jQuery plugin, который распознает и форматирует для меня?

UPDATE: Просто чтобы люди знали, я понимаю, что я должен HTML-кодировать теги (< и >). Но это не помогает в форматировании/презентации, а я ищу помощи именно в форматировании/презентации.