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


at bottom of "page" (some specified height), content flows next column. once column fills well, flows down next "page".'s difference between scroll has been divided columns, , ordinary book pages have been divided columns.see image attached enter image description here

try fiddle hope suffice purpose. don't forget 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;  }