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

回答編集履歴

4

修正

2018/11/11 12:33

投稿

colling
colling

スコア798

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

3

修正

2018/11/11 12:33

投稿

colling
colling

スコア798

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

2

修正

2018/11/11 12:22

投稿

colling
colling

スコア798

answer CHANGED
@@ -1,6 +1,9 @@
1
1
  今、質問のところで提示されているCSSでは、`lesson-wrapper`クラスが`text-align:center`になっているので、きちんとセンターに見えていますが、、。
2
2
  直接指定したいということでしたら、
3
3
  ```css
4
+ .heading{
5
+ width:100%;
6
+ }
4
7
  .heading h2{
5
8
  text-align:center;
6
9
  }
@@ -10,6 +13,9 @@
10
13
  または`</head>`の直前に、
11
14
  ```css
12
15
  <style>
16
+ .heading{
17
+ width:100%;
18
+ }
13
19
  .heading h2{
14
20
  text-align:center;
15
21
  }

1

修正

2018/11/11 11:43

投稿

colling
colling

スコア798

answer CHANGED
@@ -5,4 +5,14 @@
5
5
  text-align:center;
6
6
  }
7
7
  ```
8
- を`design.css`と`smart.css`の両方に入れるか、`<head>`の中に入れてください。
8
+ を`design.css`と`smart.css`の両方の`最後の行追記`するか、
9
+
10
+ または`</head>`の直前に、
11
+ ```css
12
+ <style>
13
+ .heading h2{
14
+ text-align:center;
15
+ }
16
+ </style>
17
+ ```
18
+ と書いてください。