Cooking Website

Sample Recipe

Prep Time
15 minutes
Cook Time
30 minutes
Total Time
45 minutes
Servings
5
Calories
325
Gnocchi, a sample image

Summary/description of recipe goes here
(there's no need to have a bolded header labeled "Description")


Ingredients

  1. Test ingredient 1
  2. Longer test ingredient 2

Instructions

  1. Testing what happens if a step is encompassed in <p>

  2. This is a (second) very long sentence. This purpose of this sentence is to see how the max-width property works inside of a recipe block. I'm making this longer to see what will happen
  3. This one is a bit shorter (problem is not related to line overflow)
  4. Adding a few more below to see what happens when there are 10+ steps
  5. This is a (fifth) very long sentence. This purpose of this sentence is to see how the max-width property works inside of a recipe block. I'm making this longer to see what will happen
  6. This one is a bit shorter (problem is not related to line overflow)
  7. This is a very long sentence. This purpose of this sentence is to see how the max-width property works inside of a recipe block. I'm making this longer to see what will happen
  8. This is a (eigth) very long sentence. This purpose of this sentence is to see how the max-width property works inside of a recipe block. I'm making this longer to see what will happen
  9. This one is a bit shorter (problem is not related to line overflow)
  10. This is a very long sentence. This purpose of this sentence is to see how the max-width property works inside of a recipe block. I'm making this longer to see what will happen
  11. This is a (eleventh) very long sentence. This purpose of this sentence is to see how the max-width property works inside of a recipe block. I'm making this longer to see what will happen
  12. This one is a bit shorter (problem is not related to line overflow)
  13. This is a very long sentence. This purpose of this sentence is to see how the max-width property works inside of a recipe block. I'm making this longer to see what will happen
  14. This is a (fourteenth) very long sentence. This purpose of this sentence is to see how the max-width property works inside of a recipe block. I'm making this longer to see what will happen
  15. This one is a bit shorter (problem is not related to line overflow)
  16. ----------------------------------------------------------------------------- This line is to verify div centering

Nutrition

Calories
100
Protein
8g
Fat
3g
Carbohydrates
14g
Fiber
3g
Sugar
5g
Sodium
150mg
Calcium
100mg
Iron
25ug
Potassium
45ug
Vitamin C
1200ug
Vitamin D
80ug