質問するログイン新規登録

回答編集履歴

1

a

2018/08/16 04:06

投稿

HayatoKamono
HayatoKamono

スコア2415

answer CHANGED
@@ -1,4 +1,5 @@
1
1
  # Demo
2
+ ![イメージ説明](61b94f4696eacc562cf760525f40175d.png)
2
3
  [https://codepen.io/anon/pen/ejwYqE
3
4
  ](https://codepen.io/anon/pen/ejwYqE)
4
5
  # HTML
@@ -21,6 +22,7 @@
21
22
  .flex-container {
22
23
  display: flex;
23
24
  background-color: gray;
25
+ padding: 20px;
24
26
  }
25
27
  .flex-item {
26
28
  height: 50px;
@@ -32,4 +34,7 @@
32
34
  .flex-item:nth-of-type(even) {
33
35
  background-color: black;
34
36
  }
37
+ .flex-item:nth-of-type(n + 2) {
38
+ margin: 0 0 0 10px;
39
+ }
35
40
  ```