FrontEndEgitimi-CSS/multiple-columns.html at master · TanerSaydam/FrontEndEgitimi-CSS · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div{
            column-count: 3;
            column-gap: 20px;
            column-rule-style: solid;
            column-rule-width: 1px;
            column-rule: 1px solid green;
        }
    </style>
</head>
<body>
    <h1>Multiple Column</h1>
    <div>
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia quae id rem, fugit deleniti, autem, officiis perferendis itaque vero assumenda ad deserunt accusamus minima ipsam velit iusto. Eum, culpa totam.lorem Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores, sequi quibusdam inventore doloribus, culpa ullam neque quam quo molestiae ipsum accusamus quis magni voluptate omnis maxime quasi optio aliquam consequuntur!
    </div>
</body>
</html>