回答編集履歴
1
調整
test
CHANGED
|
@@ -2,3 +2,29 @@
|
|
|
2
2
|
innerWrapクラスにmargin autoしても中身はセンタリングされません。
|
|
3
3
|
innerWrapクラス要素自体がセンタリングされるということです。
|
|
4
4
|
つまりページの幅がかりに3000pxあれば1240幅のinnerWrapクラス要素がその幅を保ったままセンタリングされるということです。
|
|
5
|
+
|
|
6
|
+
# 参考
|
|
7
|
+
innerWrapクラスの幅を調整するというのはこういうことです
|
|
8
|
+
```html
|
|
9
|
+
<style>
|
|
10
|
+
.innerWrap {
|
|
11
|
+
border: 4px solid lightblue;
|
|
12
|
+
width: fit-content;
|
|
13
|
+
margin: 0 auto;
|
|
14
|
+
padding: 80px 20px 0;
|
|
15
|
+
}
|
|
16
|
+
</style>
|
|
17
|
+
<div class="innerWrap">
|
|
18
|
+
<h1>
|
|
19
|
+
<img src="#" alt="Welcome to Our Wedding Party">
|
|
20
|
+
</h1>
|
|
21
|
+
<nav>
|
|
22
|
+
<ul class="ffJosefin">
|
|
23
|
+
<li><a href="#msgArea">Message</a></li>
|
|
24
|
+
<li><a href="#dateArea">Date</a></li>
|
|
25
|
+
<li><a href="#formArea">Form</a></li>
|
|
26
|
+
</ul>
|
|
27
|
+
</nav>
|
|
28
|
+
<p class="scroll ffJosefin">Scroll<br><img src="#" alt="bar"></p>
|
|
29
|
+
</div>
|
|
30
|
+
```
|