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

回答編集履歴

2

追記

2019/12/15 09:48

投稿

KazuSaka
KazuSaka

スコア640

answer CHANGED
@@ -26,4 +26,20 @@
26
26
  ![イメージ説明](3ab3acdb6f01a4d123fed1b036c40a75.jpeg)
27
27
 
28
28
 
29
- 私なりの考え方はこんな感じです。
29
+ 私なりの考え方はこんな感じです。
30
+
31
+
32
+ ###追記
33
+ > ブロック要素(h1〜h6)はtext-alignで中央寄せに出来ないという決まりが分からなくなってしまいました。
34
+
35
+ 以下の画像にまとめてみました。
36
+
37
+ ![イメージ説明](78fbb84a0bf16256727df0eee802d32d.png)
38
+ ※h2,h3にwidthを指定しています。
39
+
40
+ 以下が、{margin 0 auto;}を使ってh2,h3ブロック要素を中央寄せしたとき
41
+ ※text-align:centerではこのようにならない!!
42
+
43
+ ![イメージ説明](e958da8d02be171a519e58106263742a.jpeg)
44
+
45
+ 以上です。

1

修正

2019/12/15 09:48

投稿

KazuSaka
KazuSaka

スコア640

answer CHANGED
@@ -14,10 +14,10 @@
14
14
  青:headingブロック要素
15
15
  赤、緑:各要素
16
16
 
17
- ###text-align: center;しない時
17
+ ###text-align: center;未設定
18
18
  ![イメージ説明](a93b9751ed96d151ec115cc592aa0107.jpeg)
19
19
 
20
- ###text-align: center;しない時
20
+ ###.message-wrapperにtext-align: center;設定
21
21
  ![イメージ説明](c781f1ecf67682f712a3f89e08ec4d60.jpeg)
22
22
 
23
23
  ###heading要素に幅を指定した時