Is it possible to create multi column layout with paging in html?

Question

At the bottom of the "page" (some specified height), content flows to the next column. Once that column fills up as well, it flows down to the next "page".'s like the difference between a scroll which has been divided into columns, and an ordinary book whose pages have been divided into columns.see the image attached

Answer 1

Try this fiddle I hope it will suffice your purpose. Don't forget to include bootstrap

.item {
background: #F4F5F7;
border: 1px solid darkgrey;
}
.border-fine{
border-top:0px;
border-right:0px;
}
.border-right{
 position:relative;
}
.border-right:after{
 content: '';
 position: absolute;
 z-index: 999;
 top: 5px;
 left: 5px;
 right: 5px;
 bottom: 5px;
 border-right: 2px dashed #ccc;
 }