Можно ли сохранить стиль CSS в теге code/pre в уценке?

Я столкнулся с проблемой при написании документа уценки.

Я хотел бы вставить вывод кода сравнения из консоли, содержащий цвета, преобразованные в HTML с помощью скрипта, примерно так:

# Some title

The following code as been updated:

<pre>
<code>
<span style="color:green;">+</span><span style="color:green;">    if ($url !== $newUrl) {</span>
<span style="color:green;">+</span><span style="color:green;">        $newDomain = parse_url($newUrl, PHP_URL_HOST);</span>
</code>
</pre>

**Thank you**

Я добавил немного Markdown, чтобы показать некоторый контекст.

Проблема в том, что при использовании pre/code структура кода правильная (правильно отформатированные строки). Если я изменю его (переключившись на code/pre) или заменив code или pre на div, я потеряю либо разрывы строк, либо окраску.

Вот результат приведенной выше уценки: https://fiddle.md/tmvmwvztfd5d92xk65dwfx