回答編集履歴

1

見づらかったので、一部マークダウン記法にしました。

2021/02/15 08:56

投稿

mai1210
mai1210

スコア272

test CHANGED
@@ -1,4 +1,4 @@
1
- ①については、.content-inner が付いている div が display: flex; になっており、justify-content: space-between; で左右均等配置になっているだけだと思います。
1
+ ①については、`.content-inner` が付いている div が `display: flex;` になっており、`justify-content: space-between;` で左右均等配置になっているだけだと思います。
2
2
 
3
3
  解説コード?を見た限りですと、余白を指定する形では管理していません。
4
4
 
@@ -10,19 +10,19 @@
10
10
 
11
11
 
12
12
 
13
- .form に width を指定して(解説コードだと700px) margin: 0 auto;
13
+ `.form` に width を指定して(解説コードだと700px) `margin: 0 auto;`
14
14
 
15
15
 
16
16
 
17
- h2.contact-title に text-align: center;
17
+ `h2.contact-title``text-align: center;`
18
18
 
19
19
 
20
20
 
21
- 各入力項目のdiv(質問者さんはliにしているようですが) に display: flex; と flex-direction: column;
21
+ 各入力項目のdiv(質問者さんはliにしているようですが) に `display: flex;``flex-direction: column;`
22
22
 
23
23
 
24
24
 
25
- ボタンもdivでくくってtext-align: center;
25
+ ボタンもdivでくくって`text-align: center;`
26
26
 
27
27
 
28
28