Почему я не могу применить CSS3 столбцы к этому тексту?

Question

Я пытаюсь сделать так, чтобы в моем блоге было два столбца. Я сделал класс:

<style> 
.2col
{

    width: 800px;
    margin: 0 auto;
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    text-align: justify;
    height: 300px;
}
</style>

Это работает в небольшом тесте, который я сделал:

<div class="2col">
    Bunch of text
</div>

Вы можете увидеть это здесь

Но когда я пытаюсь применить это в своем блоге только к тексту, это не работает. Если я применяю его ко всему блогу, он работает, но я хочу применить его только к некоторым текстовым разделам. В Tumblr я использую:

<div class="2col">
    {Body}
</div>

Однако это не меняет текст, который вы видите здесь на главной странице моего блога (текст lorem ipsum). Кажется, что в части {Body} нет ничего, что могло бы вызвать проблему (вы можете увидеть CSS и текст в исходном коде страницы. Мне кажется, что мне не хватает фундаментального понимания классов CSS, потому что я не даже успешно пытался добавить что-то простое в текст, например, подчеркивание. Я надеюсь, что кто-то может указать мне правильное направление.

Для справки я разместил в своем блоге изображение того, что я пытаюсь сделать, но у меня недостаточно репутации, чтобы добавить его сюда.

Answer 1

Попробуйте переименовать свой класс - в большинстве языков и соглашений об именах не следует начинать с целого числа. Совершенно уверен, что это относится и к CSS - вполне вероятно, что интерпретатор просто игнорирует его.