Как мне сделать так, чтобы в документе было два столбца, как в Pathfinder? ⇐ Html

[Anonymous]

Как мне сделать так, чтобы мой HTML имел два таких столбца?


Я хочу, чтобы страница представлялась как документ в стиле PDF формата А4, и хочу, чтобы текст в столбцах опускался до тех пор, пока не достигнет поля страницы, а затем разделялся и переполнялся в следующий столбец, как, например, столбцы в документе Word.
Я пытался заставить столбцы работать таким образом, но они распределяли буквы очень тупым и раздражающим образом, совсем не похожим на этот.
Пример:

Код: Выделить всё

/* My current CSS file is: */
/* Columns */
div.col-2 {
-webkit-column-count: 2;
-webkit-column-gap: 700px;
-moz-column-count: 2;
-moz-column-gap: 700px;
column-count: 2;
column-gap: 700px;
}

/* Font */

.p1 {
font-family: "Times New Roman", Times, serif;
text-align: justify;
}

.p2 {
font-family: Arial, Helvetica, sans-serif;
text-align: justify;
}

/* Making the page look like an A4 paper */

body {
height: 842px;
width: 595px;
margin-left: auto;
margin-right: auto;
}

Код: Выделить всё

Your form of spellcasting is wholly unique. You can cast occult spells using the Cast a Spell activity. As an actualizer, when you cast spells, you access the nexus of information held within your mind and force your personal vision of reality to overlap with the real world.

Подробнее здесь: https://stackoverflow.com/questions/794 ... uff-from-p