回答編集履歴
1
補足、コード追加
answer
CHANGED
|
@@ -50,5 +50,17 @@
|
|
|
50
50
|
font-size: 10px;
|
|
51
51
|
}
|
|
52
52
|
```
|
|
53
|
+
[動作確認用サンプル](https://codepen.io/hatena19/pen/yLyjvKw)
|
|
53
54
|
|
|
55
|
+
`padding-left: 400px;
|
|
56
|
+
padding-right: 450px;`
|
|
57
|
+
というように大きな余白を取っている意図が図りかねます。これだと画面幅が狭くなると文字が縦に並んでしまいます。
|
|
58
|
+
もし中央寄せを意図しているのなら、下記のような感じで。
|
|
59
|
+
```css
|
|
60
|
+
.header {
|
|
61
|
+
/* padding-left: 400px;
|
|
62
|
+
padding-right: 450px; */
|
|
54
|
-
|
|
63
|
+
max-width: 500px; /*内容に合わせて適宜修正してください*/
|
|
64
|
+
margin: 0 auto;
|
|
65
|
+
}
|
|
66
|
+
```
|