Как визуально разделить текст в HTML чтобы было как в Google Docs?

.content h1 {
  /* стили для заголовка h1 */
}
.content h2 {
  /* стили для заголовка h2 */
}
.content h3 {
  /* стили для заголовка h3 */
}
.content p {
  /* стили для параграфа p */
}
.content ul {
  /* стили для списка ul */
}
.content li {
  /* стили для списка li */
}

Тоесть надо по вертикали дробить контент на равные промежутки, чтобы внешне это выглядело как страницы А4.

Мне же нужно сделать так чтобы визуально это отображалось как страницы в Google Docs. Тоесть надо по вертикали дробить контент на равные промежутки, чтобы внешне это выглядело как страницы А4.