回答編集履歴

2

2種類の答えを書いているので それぞれの主題を章タイトルに調整

2024/12/17 09:37

投稿

juner
juner

スコア562

test CHANGED
@@ -1,4 +1,4 @@
1
- h1 と ul の 余白とはこの黄色の領域の左側のことでしょうか?
1
+ # h1 と ul の 余白とはこの黄色の領域の左側のことでしょうか?
2
2
 
3
3
  ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2024-12-17/6f9cf3a7-7c88-43fe-83ab-2ca6f75f0a81.png)
4
4
 
@@ -11,6 +11,8 @@
11
11
  [playground](https://livecodes.io/?x=id/2kf5kz9fkx5)
12
12
 
13
13
  と思っていましたが、もしかして
14
+
15
+ # 問題に書かれているソースコードと、貴殿の環境のソースコードが違う?
14
16
 
15
17
  ```css
16
18
  ... {

1

後半の playground の追加

2024/12/17 04:44

投稿

juner
juner

スコア562

test 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