<input id="jcp-volume" type="range" min="0" max="10" value="5" step="0.1" />$("#jcp-volume").mousemove(function(){
audio.volume = parseFloat(this.value / 10);
});
Для того что бы отобразить теги в code необходимо регуляркой заменять "<" на<и ">" на>иначе браузер распознает и попытается их отобразить.
<xmp></xmp> вместо <code></code>
display: block вообще бы проблем не было.solutions liflex-direction: column;