質問編集履歴

2

コードを見やすくしました。

2021/09/30 02:30

投稿

jam27
jam27

スコア4

test CHANGED
File without changes
test CHANGED
@@ -158,7 +158,7 @@
158
158
 
159
159
  text-align: left;
160
160
 
161
- justify-content: left; /* 並び方を指定する */
161
+ justify-content: left;
162
162
 
163
163
  padding: 0 30px;
164
164
 

1

コードを見やすくしました。

2021/09/30 02:30

投稿

jam27
jam27

スコア4

test CHANGED
File without changes
test CHANGED
@@ -36,9 +36,51 @@
36
36
 
37
37
  </head>
38
38
 
39
-
40
-
41
- <style>
39
+ <body>
40
+
41
+ <fooder class="fooder">
42
+
43
+ <div class="footer-content-wrapper">
44
+
45
+ <p>Site name</p>
46
+
47
+ <div class="fooder-maill"><a href="mailto:sample&#64;xxxx.com">mail</a></div>
48
+
49
+ <nav class="site-map">
50
+
51
+ <ul class="site-map__main-links">
52
+
53
+ <li><a href="index.html">NAV</a></li>
54
+
55
+ <li><a href="">NAV</a></li>
56
+
57
+ <li><a href="">NAV</a></li>
58
+
59
+ </ul>
60
+
61
+ <ul class="site-map__sab-links">
62
+
63
+ <li><a href="">NAV1</a></li>
64
+
65
+ <li><a href="">NAV1</a></li>
66
+
67
+ <li><a href="">NAV1</a></li>
68
+
69
+ </ul>
70
+
71
+ </nav>
72
+
73
+ <small class="footer__copyright">Copyright © 2021 All Rights Reserved.</small> </div>
74
+
75
+ </fooder>
76
+
77
+ </body>
78
+
79
+ </html>
80
+
81
+ ```
82
+
83
+ ```CSS
42
84
 
43
85
  .footer-content-wrapper {
44
86
 
@@ -144,50 +186,6 @@
144
186
 
145
187
  }
146
188
 
147
- </style>
148
-
149
- <body>
150
-
151
- <fooder class="fooder">
152
-
153
- <div class="footer-content-wrapper">
154
-
155
- <p>Site name</p>
156
-
157
- <div class="fooder-maill"><a href="mailto:sample&#64;xxxx.com">mail</a></div>
158
-
159
- <nav class="site-map">
160
-
161
- <ul class="site-map__main-links">
162
-
163
- <li><a href="index.html">NAV</a></li>
164
-
165
- <li><a href="">NAV</a></li>
166
-
167
- <li><a href="">NAV</a></li>
168
-
169
- </ul>
170
-
171
- <ul class="site-map__sab-links">
172
-
173
- <li><a href="">NAV1</a></li>
174
-
175
- <li><a href="">NAV1</a></li>
176
-
177
- <li><a href="">NAV1</a></li>
178
-
179
- </ul>
180
-
181
- </nav>
182
-
183
- <small class="footer__copyright">Copyright © 2021 All Rights Reserved.</small> </div>
184
-
185
- </fooder>
186
-
187
- </body>
188
-
189
- </html>
190
-
191
189
  ```
192
190
 
193
191