回答編集履歴
2
修正
answer
CHANGED
|
@@ -150,11 +150,11 @@
|
|
|
150
150
|
<style type="text/css">
|
|
151
151
|
html {
|
|
152
152
|
background-color: rgb(235, 255, 249);
|
|
153
|
+
color: #4ca68d;
|
|
153
154
|
}
|
|
154
155
|
|
|
155
156
|
body {
|
|
156
157
|
font-family: "Arial", Verdana, sans-serif;
|
|
157
|
-
color: #4ca68d;
|
|
158
158
|
}
|
|
159
159
|
|
|
160
160
|
/* Main heading */
|
|
@@ -165,13 +165,12 @@
|
|
|
165
165
|
|
|
166
166
|
/* Chocolate Rough*/
|
|
167
167
|
h2 {
|
|
168
|
-
margin: 0 auto;
|
|
168
|
+
margin: 0 auto -50px auto;
|
|
169
169
|
position: relative; /* absoluteから変更。 */
|
|
170
170
|
top: -50px; /* 50pxから変更。 */
|
|
171
171
|
/* left: 200px; */
|
|
172
172
|
left: -15px;
|
|
173
173
|
font-family: "Times New", Times, serif;
|
|
174
|
-
margin-bottom: -50px;
|
|
175
174
|
}
|
|
176
175
|
|
|
177
176
|
h3 {
|
|
@@ -182,6 +181,7 @@
|
|
|
182
181
|
/* Inside part */
|
|
183
182
|
div {
|
|
184
183
|
background-color: #fff9eb;
|
|
184
|
+
color: inherit;
|
|
185
185
|
margin: 0 auto;
|
|
186
186
|
padding: 20px 15px 20px 15px;
|
|
187
187
|
border: none;
|
|
@@ -211,7 +211,6 @@
|
|
|
211
211
|
}
|
|
212
212
|
|
|
213
213
|
#Icing ul {
|
|
214
|
-
|
|
215
214
|
margin-left: 75px;
|
|
216
215
|
}
|
|
217
216
|
|
|
@@ -220,7 +219,6 @@
|
|
|
220
219
|
margin-top: 0;
|
|
221
220
|
margin-left: 43px;
|
|
222
221
|
padding-left: 0;
|
|
223
|
-
|
|
224
222
|
}
|
|
225
223
|
|
|
226
224
|
section ul li {
|
|
@@ -245,7 +243,6 @@
|
|
|
245
243
|
<figure><!-- image part division -->
|
|
246
244
|
<img src="chocRough.jpg">
|
|
247
245
|
</figure>
|
|
248
|
-
|
|
249
246
|
<!-- "Base" Ingredients part division -->
|
|
250
247
|
<section>
|
|
251
248
|
<h3>Base Ingredients:</h3>
|
|
@@ -259,7 +256,6 @@
|
|
|
259
256
|
<li>¾ cup coconut</li>
|
|
260
257
|
</ul>
|
|
261
258
|
</section>
|
|
262
|
-
|
|
263
259
|
<!-- "Icing Ingredients part" -->
|
|
264
260
|
<section id="Icing">
|
|
265
261
|
<h3>Icing Ingredients:</h3>
|
|
@@ -271,14 +267,12 @@
|
|
|
271
267
|
<li>A little water to <br>combine</li>
|
|
272
268
|
</ul>
|
|
273
269
|
</section>
|
|
274
|
-
|
|
275
270
|
<p>Cream butter and sugar together. Add golden syrup. Add sifted cocoa, flour and baking powder. Add coconut.
|
|
276
271
|
Combine and press into a shallow tin. Bake at 180°c for 20 - 30 minutes. Ice while still warm.
|
|
277
272
|
</p>
|
|
278
273
|
<p>To make icing: sift icing sugar and cocoa together, stir through coconut and then add butter and enough water to
|
|
279
274
|
mix to a stiff paste.
|
|
280
275
|
</p>
|
|
281
|
-
|
|
282
276
|
</div>
|
|
283
277
|
</body>
|
|
284
278
|
</html>
|
1
追記
answer
CHANGED
|
@@ -138,4 +138,148 @@
|
|
|
138
138
|
</div>
|
|
139
139
|
</body>
|
|
140
140
|
</html>
|
|
141
|
+
```
|
|
142
|
+
---
|
|
143
|
+
**(追記)**
|
|
144
|
+
```HTML
|
|
145
|
+
<!DOCTYPE html>
|
|
146
|
+
<html>
|
|
147
|
+
<head>
|
|
148
|
+
<meta charset="UTF-8">
|
|
149
|
+
<title>recipe2</title>
|
|
150
|
+
<style type="text/css">
|
|
151
|
+
html {
|
|
152
|
+
background-color: rgb(235, 255, 249);
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
body {
|
|
156
|
+
font-family: "Arial", Verdana, sans-serif;
|
|
157
|
+
color: #4ca68d;
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
/* Main heading */
|
|
161
|
+
h1 {
|
|
162
|
+
text-align: center;
|
|
163
|
+
font-family: "Times New", Times, serif;
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
/* Chocolate Rough*/
|
|
167
|
+
h2 {
|
|
168
|
+
margin: 0 auto;
|
|
169
|
+
position: relative; /* absoluteから変更。 */
|
|
170
|
+
top: -50px; /* 50pxから変更。 */
|
|
171
|
+
/* left: 200px; */
|
|
172
|
+
left: -15px;
|
|
173
|
+
font-family: "Times New", Times, serif;
|
|
174
|
+
margin-bottom: -50px;
|
|
175
|
+
}
|
|
176
|
+
|
|
177
|
+
h3 {
|
|
178
|
+
margin: 0;
|
|
179
|
+
font-family: "Times New", Times, serif;
|
|
180
|
+
}
|
|
181
|
+
|
|
182
|
+
/* Inside part */
|
|
183
|
+
div {
|
|
184
|
+
background-color: #fff9eb;
|
|
185
|
+
margin: 0 auto;
|
|
186
|
+
padding: 20px 15px 20px 15px;
|
|
187
|
+
border: none;
|
|
188
|
+
width: 670px;
|
|
189
|
+
height: 320px;
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
/* chocolate image */
|
|
193
|
+
figure {
|
|
194
|
+
float: left;
|
|
195
|
+
margin: 0;
|
|
196
|
+
width: 223px;
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
figure + section {
|
|
200
|
+
border-right: 1px solid;
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
/* Base_Ingredients */
|
|
204
|
+
section {
|
|
205
|
+
width: 223px;
|
|
206
|
+
float: left;
|
|
207
|
+
}
|
|
208
|
+
|
|
209
|
+
#Icing h3 {
|
|
210
|
+
margin-left: 30px;
|
|
211
|
+
}
|
|
212
|
+
|
|
213
|
+
#Icing ul {
|
|
214
|
+
|
|
215
|
+
margin-left: 75px;
|
|
216
|
+
}
|
|
217
|
+
|
|
218
|
+
section ul {
|
|
219
|
+
margin-bottom: 0;
|
|
220
|
+
margin-top: 0;
|
|
221
|
+
margin-left: 43px;
|
|
222
|
+
padding-left: 0;
|
|
223
|
+
|
|
224
|
+
}
|
|
225
|
+
|
|
226
|
+
section ul li {
|
|
227
|
+
text-indent: -4px;
|
|
228
|
+
}
|
|
229
|
+
|
|
230
|
+
p {
|
|
231
|
+
text-align: justify;
|
|
232
|
+
text-justify: inter-word;
|
|
233
|
+
clear: left;
|
|
234
|
+
margin-top: 20px;
|
|
235
|
+
margin-bottom: 0;
|
|
236
|
+
}
|
|
237
|
+
</style>
|
|
238
|
+
</head>
|
|
239
|
+
<body>
|
|
240
|
+
<h1>Recipe #1</h1>
|
|
241
|
+
<div>
|
|
242
|
+
<h2>Chocolate Rough</h2>
|
|
243
|
+
<!-- Division The <div> tag defines a division or a section in an HTML document.
|
|
244
|
+
The <div> tag is used to group block-elements to format them with CSS.-->
|
|
245
|
+
<figure><!-- image part division -->
|
|
246
|
+
<img src="chocRough.jpg">
|
|
247
|
+
</figure>
|
|
248
|
+
|
|
249
|
+
<!-- "Base" Ingredients part division -->
|
|
250
|
+
<section>
|
|
251
|
+
<h3>Base Ingredients:</h3>
|
|
252
|
+
<ul>
|
|
253
|
+
<li>110g butter</li>
|
|
254
|
+
<li>1 cup sugar</li>
|
|
255
|
+
<li>2 tsp cocoa</li>
|
|
256
|
+
<li>2½ tsp golden syrup</li>
|
|
257
|
+
<li>1 cup flour</li>
|
|
258
|
+
<li>1 tsp baking powder</li>
|
|
259
|
+
<li>¾ cup coconut</li>
|
|
260
|
+
</ul>
|
|
261
|
+
</section>
|
|
262
|
+
|
|
263
|
+
<!-- "Icing Ingredients part" -->
|
|
264
|
+
<section id="Icing">
|
|
265
|
+
<h3>Icing Ingredients:</h3>
|
|
266
|
+
<ul>
|
|
267
|
+
<li>1 cup icing sugar</li>
|
|
268
|
+
<li>25g melted butter</li>
|
|
269
|
+
<li>2 tsp cocoa</li>
|
|
270
|
+
<li>¾ tsp golden syrup</li>
|
|
271
|
+
<li>A little water to <br>combine</li>
|
|
272
|
+
</ul>
|
|
273
|
+
</section>
|
|
274
|
+
|
|
275
|
+
<p>Cream butter and sugar together. Add golden syrup. Add sifted cocoa, flour and baking powder. Add coconut.
|
|
276
|
+
Combine and press into a shallow tin. Bake at 180°c for 20 - 30 minutes. Ice while still warm.
|
|
277
|
+
</p>
|
|
278
|
+
<p>To make icing: sift icing sugar and cocoa together, stir through coconut and then add butter and enough water to
|
|
279
|
+
mix to a stiff paste.
|
|
280
|
+
</p>
|
|
281
|
+
|
|
282
|
+
</div>
|
|
283
|
+
</body>
|
|
284
|
+
</html>
|
|
141
285
|
```
|