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

回答編集履歴

1

説明追記

2020/10/15 05:35

投稿

hatena19
hatena19

スコア34367

answer CHANGED
@@ -1,1 +1,14 @@
1
- とりあえず`h2#tagu2` の `display: inline-block;` を削除したら中央寄せになるけど、たぶんこれは希望の結果とは違うかな。
1
+ とりあえず`h2#tagu2` の `display: inline-block;` を削除したら中央寄せになるけど、たぶんこれは希望の結果とは違うかな。
2
+
3
+ HTMLを変更していいなら、
4
+ ```html
5
+ <div id="tagu2-wrapper">
6
+ <h2 id="tagu2">見出し2中央揃え</h2>
7
+ </div>
8
+ ```
9
+ というようにラッパーで囲んで、それに`text-align: center;`を設定すればいいでしょう。
10
+ ```css
11
+ #tagu2-wrapper {
12
+ text-align: center;
13
+ }
14
+ ```