回答編集履歴

2

説明追記

2020/03/29 04:11

投稿

hatena19
hatena19

スコア34075

test CHANGED
@@ -61,3 +61,7 @@
61
61
 
62
62
 
63
63
  formやh1にwidthを設定する必要があるなら、`margin: 0 auto;`でセンタリングしてください。
64
+
65
+
66
+
67
+ あと、蛇足ですか、レスポンシブ対応を意識するなら、`width: 1000px;`と固定せずに、`max-width: 1000px;`と最大幅を設定するのがいいでしょう。

1

コード追記

2020/03/29 04:11

投稿

hatena19
hatena19

スコア34075

test CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
 
4
4
 
5
- textやsubmitはインライン要素なので、`text-align: center;`が有効。また、これは子孫に継承するので親要素に設定すればOK。
5
+ textやsubmit(inputタグ)はインライン要素なので、`text-align: center;`が有効。また、これは子孫に継承するので親要素に設定すればOK。
6
6
 
7
7
 
8
8
 
@@ -19,3 +19,45 @@
19
19
  }
20
20
 
21
21
  ```
22
+
23
+
24
+
25
+ なるべくシンプルにするなら下記でいいでしょう。
26
+
27
+ formタグはブロック要素なのでwidthを設定しなければ幅は親全体に広がります。その中のインライン要素は中央寄せになります。
28
+
29
+
30
+
31
+ ```css
32
+
33
+ .conteinar{
34
+
35
+ max-width: 1000px;
36
+
37
+ margin: 0 auto;
38
+
39
+ text-align: center;
40
+
41
+ }
42
+
43
+ .text{
44
+
45
+ width: 216px;
46
+
47
+ }
48
+
49
+ .submit{
50
+
51
+ width: 96px;
52
+
53
+ margin: 20px 0;
54
+
55
+ padding: 5px 34px;
56
+
57
+ }
58
+
59
+ ```
60
+
61
+
62
+
63
+ formやh1にwidthを設定する必要があるなら、`margin: 0 auto;`でセンタリングしてください。