回答編集履歴
2
２種類の答えを書いているので それぞれの主題を章タイトルに調整
answer
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
h1 と ul の 余白とはこの黄色の領域の左側のことでしょうか？
|
|
1
|
+
# h1 と ul の 余白とはこの黄色の領域の左側のことでしょうか？
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
@@ -12,6 +12,8 @@
|
|
|
12
12
|
|
|
13
13
|
と思っていましたが、もしかして
|
|
14
14
|
|
|
15
|
+
# 問題に書かれているソースコードと、貴殿の環境のソースコードが違う？
|
|
16
|
+
|
|
15
17
|
```css
|
|
16
18
|
... {
|
|
17
19
|
justify content: space between;
|
1
後半の playground の追加
answer
CHANGED
|
@@ -32,8 +32,9 @@
|
|
|
32
32
|
|
|
33
33
|
見ての通り `justify-content: space-between` の仕様通りの挙動です。
|
|
34
34
|
|
|
35
|
+
[playground](https://livecodes.io/?x=id/vx66zarth49)
|
|
36
|
+
|
|
35
37
|
MDN には以下の様にあります。
|
|
36
|
-
|
|
37
38
|
> 各アイテムは、配置コンテナーの中で主軸方向に均等に配置されます。隣接するアイテム同士の間隔は同じになります。最初のアイテムは主軸の先頭側に寄せられ、最後のアイテムは主軸の末尾側に寄せられます。
|
|
38
39
|
|
|
39
40
|
https://developer.mozilla.org/ja/docs/Web/CSS/justify-content#space-between
|