То ли я не понимаю вопрос, то ли все-таки <pre> решает задачу (с точностью до того, что на странице нет стилей, сбрасывающих браузерные дефолты). Ну и в любом случае ответ на этот вопрос совпадает с ответом на вопрос, как отобразить обычный JavaScript.

Здравствуйте! Нужно сделать вот так http://imgur.com/bPEvbuv Посмотрел вашу обертку:

 <pre>
 <code class="lang-js hljs css">
   ....
   код
   ....
 </code>
 </pre>

Попробовал сделать так:

{
tag: 'pre',
content: [
    {
        block: 'code',
        tag: 'code',
        content: [
            {
                block : 'title',
                mods : { level : 3},
                content: 'Title'
            }

        ]
     }
  ]
}

Хочу отобразить код блока title, но видимо не так все просто...

https://github.com/awinogradov/bem-content/tree/master/common.blocks/source

{
  block : 'source',
  caption : 'Source with caption',
  mods : { lang : 'js', theme : 'github' },
  content : [
    'function test() {\n' +
    '    return \'false\';\n' +
    '}'
  ]
}

http://awinogradov.github.io/bem-content/promo.pages/index/index.html