Week 3 Task 6

Create a recipe

by Michael Borck

HTML

<img class="image" src="http://upload.wikimedia.org/wikipedia/commons/thumb/9/95/ANZAC_biscuits.JPG/320px-ANZAC_biscuits.JPG"/> 

<div class="description">  

<h2> ANZAC Biscuits </h2>
<p>

ANZAC Biscuits were made by the wives of Australian and New Zealand service men durnig the first world war as a sweet treet that could be made at home and shipped overseas.
</p>
</div>

<div class="ingredients">
<h2>Ingredients</h2>
    <ul>
        <li> 1 cup each of rolled oats, sugar and coconut </li>
        <li> 1 tablespoon syrup</li>
        <li> 3/4 cup flour </li>
        <li> 2 tablespoons butter</li>
        <li>1 teaspoon bicarbonate of soda (dissolved in 2 tablespoons boiling water)</li>
    </ul>
    
</div>

CSS

img {
  width: 20%;
  float:left;
  }

.description{
  width: 75%;
  float:left;
  }
  
  .indgredients {
    padding-top:5px;
    clear: both;
    }
  }
  
  ul {background-color: lightgrey;}