JSFiddle - React, Tailwind, and code Playground

by Andre

HTML

<div>
  <img src="https://img.taste.com.au/LTovWwNk/w643-h428-cfill-q90/taste/2016/11/chewy-anzac-biscuits-84245-1.jpeg" width="200px" align="left">
</div>
<h1> ANZAC BISCUIT RECIPE </h1>

<div class="Ingredients">


  <h2>
    Ingredients
  </h2>

  <ul>

    <li>1 1/4 cups plain flour, sifted
      <li>1 cup rolled oat
        <li>1/2 cup caster sugar
          <li>3/4 cup desiccated coconut
            <li>150g unsalted butter, chopped
              <li>2 tablespoons golden syrup or treacle
                <li>1 1/2 teaspoons water
                  <li>1/2 teaspoon bicarb so
                  </li>
  </ul>
</div>

<div>

  <h3>
    Cooking Method
  </h3>
  <ol>
    <li>Preheat oven to 170C. Place the flour, oats, sugar and coconut in a large bowl and stir to combine. </li>
    <li>In a small saucepan place the golden syrup and butter and stir over low heat until the butter has fully melted. Mix the bicarb soda with 1 1/2 tablespoons water and add to the golden syrup mixture. It will bubble whilst you are stirring together so
      remove from the heat. </li>
    <li>Pour into the dry ingredients and mix together until fully combined. Roll tablespoonfuls of mixture into balls and place on baking trays lined with non stick baking paper, pressing down on the tops to flatten slightly. </li>
    <li>Bake for 12 minutes or until golden brown. </li>
  </ol>

</div>

CSS

body {
  background-color: lightyellow
}

#Ingredients li {
  color: blue
}

.Ingredients {
  padding-top: 5px;
  clear: both;
}

ul,
ol {
  background-color: lightgrey
}

h2, h3 {
  color: green
}