Max P.

Код SVG можно вставлять прямиком в код страницы. Это всё тот же DOM, и, соответственно, все его элементы можно точно также стилизовать с помощью CSS.

https://showterm.herokuapp.com/

Некоторые используют шаблонизаторы и css-препроцессоры для сокращения времени, инструменты автодополнения, такие как emmet и hayaku, кто-то пишет стили уже поверх готового twitter bootstrap. Но в целом — да, все сводится к набиванию кода в редакторе.

Показывать нужно в первую очередь код, а не картинки.

Держу пари, что элементы у вас строчные и между ними в коде есть пробелы или переносы строк. Избавляйтесь от них, либо используйте блоки с float:left, либо родительскому элементу укажите word-spacing: -1.

Если вы не пишите какой-то обучающий код, где надо разжевывать каждую конструкцию, то такие комментарии вообще излишни и усложняют чтение. Зачастую, вы в голове скомпилируете код быстрее, чем прочитаете комментарий. Разработчику с головой хватит аннотации к методу в стиле JavaDoc/PHPDoc. Комментарии внутри функции оправданы только для TODO или описания какой-нибудь хитрой магии, которые обычно пишут так, как сказал комментатор выше.