-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcss_Writingmode.html
34 lines (34 loc) · 1.53 KB
/
css_Writingmode.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
<!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>Column count</title>
<style>
/* #wm{
width:400px;
border: 2px solid black;
writing-mode: vertical-rl;
} */
#wm{
border: 2px solid black;
width:600px;
column-count:3;
column-gap: 100px;
column-rule-width: 5px;
column-rule-style: double;
column-rule-color: blueviolet;
/* font-size: 38px; */
}
</style>
</head>
<body>
<!-- <h1>CSS-Writing_mode</h1> -->
<h1>css column count</h1>
<div id="wm">
<p> Ad cupidatat labore enim duis reprehenderit. Occaecat ut voluptate nulla irure eu nostrud nostrud mollit minim dolor laboris. Anim aliqua cillum nulla ex pariatur magna. Adipisicing irure deserunt commodo magna labore fugiat amet nisi ullamco. Ut qui ex reprehenderit amet consequat. Ad et sit irure sit qui ullamco sunt in est. Ea proident ut Lorem commodo eu ad nisi adipisicing qui occaecat.Lorem excepteur dolor duis consequat Lorem enim proident. Excepteur nisi labore ad esse magna sit. Ea laborum culpa sint Lorem ad laboris mollit id et culpa consectetur. Aliqua esse sunt ipsum eu reprehenderit ut deserunt labore culpa qui sit sint. Laboris ad occaecat Lorem id velit eu ipsum aute exercitation nostrud commodo aliqua.
</p>
</div>
</body>
</html>