thats actually super easy if i didn't misunderstand you .col-style { columns: 250px; height: 100vh; } <div classes="col-style"><p>

thats actually super easy if i didn't misunderstand you .col-style { columns: 250px; height: 100vh; } <div classes="col-style"><p> everything in here will be in columns of 250px width and the scroll bar will be going to the right instead of the bottom</p></div> try it out on the linked articles <body> element :) (you'll also have to remove the margins on that page however, as they're using negative values)