+++ vscode/flex/1.html
... | ... | @@ -0,0 +1,31 @@ |
1 | +<!DOCTYPE html> | |
2 | +<html lang="ko"> | |
3 | +<head> | |
4 | + <meta charset="UTF-8"> | |
5 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
6 | + <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
7 | + <title>Document</title> | |
8 | + <style> | |
9 | + section { | |
10 | + background-color: antiquewhite; | |
11 | + display: flex; | |
12 | + flex-direction: row; | |
13 | + justify-content: space-around; | |
14 | + height: 500px; | |
15 | + align-items: center; | |
16 | + } | |
17 | + article {background-color: cadetblue; | |
18 | + width: 50px; | |
19 | + height: 50px; | |
20 | + } | |
21 | + </style> | |
22 | +</head> | |
23 | +<body> | |
24 | + <section> | |
25 | + <article>1</article> | |
26 | + <article>2</article> | |
27 | + <article>3</article> | |
28 | + <article>4</article> | |
29 | + </section> | |
30 | +</body> | |
31 | +</html>(No newline at end of file) |
Add a comment
Delete comment
Once you delete this comment, you won't be able to recover it. Are you sure you want to delete this comment?