回答編集履歴

4

修正

2018/11/11 12:33

投稿

colling
colling

スコア798

test CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  直面されている問題がよくわかりませんが、
4
4
 
5
- `h2`要素に対して`text-align:center`を効かせ、きっちり真ん中に寄せるには、その親要素が、`ビューに対して100%の幅`なければなりません。
5
+ `h2`要素に対して`text-align:center`を効かせ、きっちり真ん中に寄せるには、その親要素が、`ビューに対して100%の幅`または、`ビューのセンター`に配置されていなければなりません。
6
6
 
7
7
 
8
8
 

3

修正

2018/11/11 12:33

投稿

colling
colling

スコア798

test CHANGED
@@ -1,3 +1,15 @@
1
+ --追記--
2
+
3
+ 直面されている問題がよくわかりませんが、
4
+
5
+ `h2`要素に対して`text-align:center`を効かせ、きっちり真ん中に寄せるには、その親要素が、`ビューに対して100%の幅`でなければなりません。
6
+
7
+
8
+
9
+ ---
10
+
11
+
12
+
1
13
  今、質問のところで提示されているCSSでは、`lesson-wrapper`クラスが`text-align:center`になっているので、きちんとセンターに見えていますが、、。
2
14
 
3
15
  直接指定したいということでしたら、

2

修正

2018/11/11 12:22

投稿

colling
colling

スコア798

test CHANGED
@@ -3,6 +3,12 @@
3
3
  直接指定したいということでしたら、
4
4
 
5
5
  ```css
6
+
7
+ .heading{
8
+
9
+ width:100%;
10
+
11
+ }
6
12
 
7
13
  .heading h2{
8
14
 
@@ -22,6 +28,12 @@
22
28
 
23
29
  <style>
24
30
 
31
+ .heading{
32
+
33
+ width:100%;
34
+
35
+ }
36
+
25
37
  .heading h2{
26
38
 
27
39
  text-align:center;

1

修正

2018/11/11 11:43

投稿

colling
colling

スコア798

test CHANGED
@@ -12,4 +12,24 @@
12
12
 
13
13
  ```
14
14
 
15
- を`design.css`と`smart.css`の両方に入れるか、`<head>`の中に入れてください。
15
+ を`design.css`と`smart.css`の両方の`最後の行追記`するか、
16
+
17
+
18
+
19
+ または`</head>`の直前に、
20
+
21
+ ```css
22
+
23
+ <style>
24
+
25
+ .heading h2{
26
+
27
+ text-align:center;
28
+
29
+ }
30
+
31
+ </style>
32
+
33
+ ```
34
+
35
+ と書いてください。