-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcolumns-property.html
62 lines (62 loc) · 3.45 KB
/
columns-property.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>The columns Property</title>
<style>
p {
background: rgb(21, 255, 0);
color: whitesmoke;
font-size: 1.2em;
padding: 0.3rem;
columns: 30px 5;
column-span: all;
}
</style>
</head>
<body>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quas aspernatur
laboriosam a labore rem quibusdam accusamus nihil, nam, nisi sint natus
sapiente exercitationem impedit. Inventore quaerat tempora doloremque
maiores quae. Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic
sunt voluptatem cum nulla, enim quo dignissimos architecto, repellat
molestias harum necessitatibus quaerat sed quasi autem dolore eligendi
sequi, optio quidem! Lorem ipsum dolor sit amet consectetur, adipisicing
elit. Dolorem fuga nostrum rerum quo. Odio deleniti minus facere! Et
repellat, quibusdam magnam, qui tenetur expedita hic eaque, est quaerat
laudantium ut? Aut dolorum, reiciendis deserunt possimus quasi enim
similique fugit mollitia quisquam voluptates libero asperiores eaque culpa
dignissimos iusto eveniet accusamus tempora debitis doloribus accusantium
laudantium suscipit sequi? Quibusdam, dignissimos voluptatum. Dignissimos,
aliquid pariatur dolores odit optio asperiores ea ipsum. Velit accusantium
autem architecto deleniti placeat, quasi voluptatum nihil alias sequi
voluptates quibusdam itaque possimus ducimus facilis dolores. Fugiat,
ullam veritatis! Eius, ex. Inventore, quis. Porro doloribus facere,
reprehenderit dolorum facilis consequatur veniam iusto. Sunt consequatur
mollitia error, dignissimos numquam fugit vel, ut repellat amet impedit
hic unde eos dolorum! Velit. Repellendus nisi, accusantium dolore minima
fugiat reiciendis facilis molestias distinctio? Necessitatibus iusto
repudiandae facere inventore voluptate voluptatum libero porro doloremque
doloribus quae, quam placeat, error nihil ad odio iste cumque? Laudantium
laborum quidem officiis modi nostrum, vel minima quae veritatis
voluptatibus! Qui laudantium consequatur, optio impedit architecto
molestiae magni nemo reiciendis quas! Blanditiis distinctio suscipit
debitis cupiditate, sed rerum deserunt. Pariatur alias animi voluptas,
illum dolores adipisci odit, soluta fugiat impedit dolor exercitationem
quod, nulla iure. Officiis tempore molestias itaque deleniti tenetur
quaerat nulla totam laborum, nihil, fugiat reprehenderit modi. Rerum
voluptatem accusamus iure alias recusandae fugiat architecto velit at
labore unde fuga asperiores sed quidem ipsum cumque molestias minus enim,
necessitatibus doloremque ipsa exercitationem esse adipisci veritatis
cupiditate. Soluta. A eaque sunt mollitia esse dignissimos magnam ipsum.
Eligendi, aliquam deserunt quasi alias quod iure sapiente illum impedit
exercitationem quaerat facere dolor ad autem cupiditate, quos corporis
asperiores delectus illo? Rem repudiandae laudantium enim consequuntur
modi ut dolor poinima sit pariatur totam! Modi odio fuga quasi sequi
incidunt ut placeat, eaque vel corrupti neque reiciendis ipsa earum dolore
ptam iusto repudiandae accusantium cupiditate qui! Debitis?
</p>
</body>
</html>