Базовый функционал Codepen бесплатен. Заплатить нужно, если хочется пользоваться проектами (отличие проектов от pen'ов в том, что можно создавать свои папки и файлы), хранением ресурсов (картинки, шрифты), совместной работой, приватными наработками и др. Также в Codepen гораздо удобнее организовывать блоки с кодом и превью, чем в jsfiddle. Плюс элементы социальной сети.

Другие сервисы:
JS bin https://jsbin.com
CodeSandbox https://codesandbox.io/
Plunker plnkr.co
CSSDeck cssdeck.com

Применить некоторое оформление можно с помощью тега col.
Подробнее с примером здесь.