Вывод текста

Простой список

• текст 1
• текст 2
• текст 3

В настройках не нуждается, выводится по умолчанию

Простой список в 2 колонки

• текст 1
• текст 2
• текст 3
• текст 4

При разрешении экрана менее 600 пикселей превращается в простой список. Создается аналогично с простым списком. Редактируется аналогично с простым списком. Для вывода в исходном коде заменить

<ul> на <ul class="col2"> <ul class="col2"> <li>текст 1</li> <li>текст 2</li> <li>текст 3</li> <li>текст 4</li> </ul>

Простой список 3 колонки

• текст 1
• текст 2
• текст 3
• текст 4
• текст 5
• текст 6

При разрешении экрана от 601 до 900 пикселей превращается в 2 колонки. При разрешении экрана менее 600 пикселей превращается в простой список. Создается аналогично с простым списком. Редактируется аналогично с простым списком. Для вывода в исходном коде заменить

<ul> на <ul class="col3"> <ul class="col3"> <li>текст 1</li> <li>текст 2</li> <li>текст 3</li> <li>текст 4</li> <li>текст 5</li> <li>текст 6</li> </ul>

Текст в 2 колонки с оформлением

Заполняется как обычный текст. При разрешении 600 пикселей и меньше превращается в 1 столбец. После того как текст написан обрамить текст в div в исходном коде. ВНИМАНИЕ параграфы должны быть одинаковы по длинне

<div class="col2text"> <p>Текст 1 Текст 1 Текст 1 Текст 1 Текст 1 Текст 1 Текст 1 Текст 1 Текст 1 Текст 1 Текст 1</p> <p>Текст 2 Текст 2 Текст 2 Текст 2 Текст 2 Текст 2 Текст 2 Текст 2 Текст 2 Текст 2 Текст 2 Текст 2 Текст 2 Текст 2 Текст 2 Текст 2 Текст 2 </p> <p>Текст 3 Текст 3 Текст 3 Текст 3 Текст 3 Текст 3 Текст 3 Текст 3 </p> <p>Текст 4 Текст 4 Текст 4 Текст 4 Текст 4 Текст 4 Текст 4 Текст 4 Текст 4 Текст 4 Текст 4 Текст 4 </p> </div>

Текст в 3 колонки с оформлением

Заполняется как обычный текст. При разрешении от 601 до 900 точек превращается в 2 столбца. При разрешении 600 пикселей и меньше превращается в 1 столбец. После того как текст написан обрамить текст в div в исходном коде. ВНИМАНИЕ параграфы должны быть одинаковы по длинне

<div class="col3text"> <p>Текст 1 Текст 1 Текст 1 Текст 1 Текст 1 Текст 1 Текст 1 Текст 1 Текст 1 Текст 1 Текст 1</p> <p>Текст 2 Текст 2 Текст 2 Текст 2 Текст 2 Текст 2 Текст 2 Текст 2 Текст 2 Текст 2 Текст 2</p> <p>Текст 3 Текст 3 Текст 3 Текст 3 Текст 3 Текст 3 Текст 3 Текст 3 Текст 3 Текст 3 Текст 3</p> <p>Текст 4 Текст 4 Текст 4 Текст 4 Текст 4 Текст 4 Текст 4 Текст 4 Текст 4 Текст 4 Текст 4</p> <p>Текст 5 Текст 5 Текст 5 Текст 5 Текст 5 Текст 5 Текст 5 Текст 5 Текст 5 Текст 5 Текст 5</p> <p>Текст 6 Текст 6 Текст 6 Текст 6 Текст 6 Текст 6 Текст 6 Текст 6 Текст 6 Текст 6 Текст 6</p> </div>

Текст в 2 столбца с заголовком

Набор текста делать как обычно. После набора текста отделить заголовки тегом span. Обрамить текст в div. При разрешении 600 пикселей и меньше превращается в 1 столбец.

<div class="zag2col"> <p><span>Заголовок 1</span> текст1</p> <p><span>Заголовок 2</span> текст 2</p> </div>

Текст в 3 столбца с заголовком

Набор текста делать как обычно. После набора текста отделить заголовки тегом span. Обрамить текст в div. При разрешении 600 пикселей и меньше превращается в 1 столбец.

<div class="zag3col"> <p><span>Заголовок 1</span> текст 1</p> <p><span>Заголовок 2</span> текст 2</p> <p><span>Заголовок 3</span> текст 3</p> </div>

Текст в 4 столбца с заголовком

Набор текста делать как обычно. После набора текста отделить заголовки тегом span. Обрамить текст в div. При разрешении 600 пикселей и меньше превращается в 1 столбец.

<div class="zag4col"> <p><span>Заголовок 1</span> текст 1</p> <p><span>Заголовок 2</span> текст 2</p> <p><span>Заголовок 3</span> текст 3</p> <p><span>Заголовок 4</span> текст 4</p> </div>