Why does Xara apply each line of text into a separate span?

This is necessary to explicitly control the positioning and the length of the text strings and allows the text to render at the same length in the browser as you see in the program.  Our primary goal was absolute WYSIWYG, as accurate as we can get it.

This means that line breaks happen in the browser where they happen in Xara, and lines are positioned in the browser exactly where they appear in Xara.