Week 3 Task 6

Create a recipe

by Ken Wai Ooi

HTML

<div id="top">
<img src = "http://img.taste.com.au/PJPeptID/w720-h480-cfill-q80/taste/2016/11/basic-chocolate-muffins-85896-1.jpeg" height= "200" width="200">
</div>


<div id="header1" class ="header">
<h2>
Chocolate Muffin
</h2>
</div>


<div id="Description" >
<p>
Muffins in the United States are similar to cupcakes in size and cooking methods, the main difference being that cupcakes tend to be sweet desserts using cake batter and which are often topped with sugar frosting.  Muffins are often eaten as a breakfast food. Coffee may be served to accompany muffins.
</p>
</div>



<h2>
Ingredients
</h2>
<div id="ingredientcontent" class="content">
    <!  Ingredient for Muffin>
	<ol>
	<li>2 1/4 cups self-raising flour, sifted</li>
	<li>1/2 cup cocoa powder, sifted	</li>
	<li>1 cup caster sugar	</li>
	<li>3/4 cup NESTLÉ BAKERS' CHOICE Dark CHOC BITs</li>
	<li>1/2 cup vegetable oil</li>
	<li>2/3 cup milk</li>
	<li> 1 teaspoon vanilla extract</li>
	<li> 2 eggs</li>
</ol>
</div>


<h2>
Method
</h2>
<div id="methodcontent" class="content">
<ol>
<li>Preheat oven to 180°C/160°C fan-forced. Line a 12-hole, 1/3 cup-capacity muffin pan with paper cases.</li>
<li>
Combine flour, cocoa, sugar and chocolate chips in a large bowl. Make a well in centre. Whisk vegetable oil, milk, vanilla and eggs in a large jug. Add oil mixture to well (see Cooking class, below). Using a wooden spoon, stir until just combined (don't over-mix). Spoon mixture into paper cases.</li>
<li>
Bake for 25 minutes or until firm to touch and a skewer inserted into the centre comes out clean. Stand in pan for 5 minutes. Transfer to a wire rack to cool. Serve.</li>
</ol>
</div>

CSS

#top { top:0px;    left: 20px; }
#header1 {top:0px; right: 300px;}
#description{float:}
.header {
    position: absolute;
    width:  0px;
    height: 0px;
}
.content
{
	background: grey;
}