回答編集履歴
2
参考サイト追加
test
CHANGED
|
@@ -113,3 +113,9 @@
|
|
|
113
113
|
|
|
114
114
|
|
|
115
115
|
というような形で、「800px」「470px」など大きな数字を指定している箇所から1つずつ対応していけば結果が見えやすいと思います。
|
|
116
|
+
|
|
117
|
+
|
|
118
|
+
|
|
119
|
+
参考:
|
|
120
|
+
|
|
121
|
+
[https://saruwakakun.com/html-css/basic/centering#section1](https://saruwakakun.com/html-css/basic/centering#section1)
|
1
「中央揃え」、「中央寄せ」を区別
test
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
テキストやブロックの「中央寄せ」について、初心者が最初に覚えるべき2つのテクニックを適用することで、解決に近づくと思います。
|
|
1
|
+
テキストやブロックの「中央揃え」「中央寄せ」について、初心者が最初に覚えるべき2つのテクニックを適用することで、解決に近づくと思います。
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
[1] 文字の中央
|
|
5
|
+
[1] 文字の左右中央揃え (指定した要素の中のテキストが中央揃えになる)
|
|
6
6
|
|
|
7
7
|
```CSS
|
|
8
8
|
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
|
|
19
19
|
|
|
20
20
|
|
|
21
|
-
[2] ブロックの中央寄せ (指定した要素自体が親要素に対して中央寄せになる)
|
|
21
|
+
[2] ブロックの左右中央寄せ (指定した要素自体が親要素に対して中央寄せになる)
|
|
22
22
|
|
|
23
23
|
```CSS
|
|
24
24
|
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
|
|
39
39
|
---
|
|
40
40
|
|
|
41
|
-
例えば下記、テキスト (見出し) を中央
|
|
41
|
+
例えば下記、テキスト (見出し) を中央揃えする目的で`position: relative;`をしている箇所は`left`の記述を消して`text-align: center;`に変更
|
|
42
42
|
|
|
43
43
|
|
|
44
44
|
|