Короткий ответ: ты не можешь. HTML является языком разметки текста, а не языком графики.
Вы могли бы преобразовать все свои правила в CSS и применить их к div-элементам (элементам общего блока), хотя это было бы взломом.
SVG - это графический язык, который будет лучше поддерживаться, чем ваш вымышленный, но по-прежнему имеет ограничения . Если вы преобразуете свои правила в JavaScript, тогда Raphaël может генерировать SVG или VML в соответствии с требованиями различных браузеров. Это даст более широкую поддержку по стоимости в зависимости от JS.
Для самой широкой поддержки вы можете преобразовать документ XML в изображение PNG на сервере.
Особенности преобразования вашего формата в другой открыты для нескольких вариантов. Вам понадобится парсер XML. Затем вам нужно прочитать документ и вывести в любом формате. Вы можете использовать DOM для этого, и XSLT является популярным вариантом (особенно для преобразования XML в другие XML-переводы).