The <pre> element is for preformatted text, so you can't put additional formatting tags inside it. By the look of things, you would be better off using <div> elements instead. The nesting of the lists can be fixed by keeping the nested <ol> elements inside the parent <li> elements