mam taki kod:

[HTML] pobierz, plaintext 
<pre>
<span style=color:red>aaa
aaa</span>
<span color:green>bbb</span>
</pre>
[HTML] pobierz, plaintext 

Jak zrobić, aby linie po dodaniu ol nie traciły koloru?

[HTML] pobierz, plaintext 
<pre>
<ol>
<li><span style=color:red>aaa</li>
<li>aaa</span></li>
<li><span color:green>bbb</span></li>
</ol>
</pre>
[HTML] pobierz, plaintext 

Zakładając że nie mogę przenieść początku i końca tagu do jednej linii. http://jsfiddle.net/kkgowxpd/

Nie możesz tak, musisz zamknąć tag a potem go ponownie otworzyć z odpowiednim stylem