Как можно сделать списком 4 колонки с текстом что бы если в колонке больше контента чем она может вместить был вертикальный скролл?
Так?)
<div class="wrapper">
<ul class="list" type="none">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse, deserunt.
Ipsum ipsa molestias iste architecto ut, nesciunt tenetur velit quidem.
Voluptas mollitia aliquid deserunt eum omnis unde laudantium obcaecati perferendis.
Dolorum possimus illum officiis veritatis, modi quisquam neque maxime excepturi?
Deleniti incidunt earum dolorum sapiente cupiditate ut alias quas expedita!
Ab iusto, voluptate facere consectetur quisquam magnam molestias vero nisi!
Commodi, vel quisquam. Cum dolore dignissimos hic rem facere unde!
Aperiam sint nam voluptatum itaque eligendi qui nesciunt quas vero.
Molestias delectus laudantium velit commodi aliquid corrupti doloremque sed recusandae.
Eligendi unde maxime illo, porro eius rem vel quasi tenetur.
Eligendi accusamus ut cum omnis modi ex maxime adipisci corrupti!
Maiores, voluptates hic? Corrupti non corporis earum perferendis, blanditiis reiciendis!
Quasi totam quaerat earum impedit similique reprehenderit eligendi corrupti magni.
Qui perferendis reprehenderit debitis nam autem ipsam saepe, magnam est.
body {
margin: 20px;
}
.wrapper {
overflow-y: scroll;
overflow-x: hidden;
width: 600px;
max-height: 300px;
}
.list {
column-width: 100px;
column-count: 4;
}
.list li {
padding: 5px;
}