Aprende tipografias compilando una etiqueta nutricional - Step 33

Cuéntanos qué está pasando:
Describe tu problema en detalle aquí.
Hi everyone, I have this problem, ““Your span element should come after your .left-container element.”” I tried in different ways but this is the way the instructions wanted. Any one can help me please thanks in advance.

Tu código hasta el momento

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>Nutrition Label</title>
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700,800" rel="stylesheet">
  <link href="./styles.css" rel="stylesheet">
</head>

<body>
  <div class="label">
    <header>
      <h1 class="bold">Nutrition Facts</h1>
      <div class="divider"></div>
      <p>8 servings per container</p>
      <p class="bold">Serving size <span>2/3 cup (55g)</span></p>
    </header>
    <div class="divider large"></div>

<!-- User Editable Region -->

    <div class="calories-info">
      
      <div class="left-container">
        <span>230</span>
        <h2 class="bold small-text">Amount per serving</h2>
        <p>Calories</p>
      </div>
    </div>

<!-- User Editable Region -->

  </div>
</body>
</html>
/* file: styles.css */
* {
  box-sizing: border-box;
}

html {
  font-size: 16px;
}

body {
  font-family: 'Open Sans', sans-serif;
}

.label {
  border: 2px solid black;
  width: 270px;
  margin: 20px auto;
  padding: 0 7px;
}

header h1 {
  text-align: center;
  margin: -4px 0;
  letter-spacing: 0.15px
}

p {
  margin: 0;
  display: flex;
  justify-content: space-between;
}

.divider {
  border-bottom: 1px solid #888989;
  margin: 2px 0;
}

.bold {
  font-weight: 800;
}

.large {
  height: 10px;
}

.large, .medium {
  background-color: black;
  border: 0;
}

.small-text {
  font-size: 0.85rem;
}

.calories-info h2 {
  margin: 0;
}

Información de tu navegador:

El agente de usuario es: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/109.0.0.0 Safari/537.36 Edg/109.0.1518.55

Desafío: Aprende tipografias compilando una etiqueta nutricional - Step 33

Enlaza al desafío:

¡Hola!

El error se presenta por la interpretacion que le estas dando a esta parte “Tu span elemento debe venir después de tu .left-container elemento”.

Esto quiere decir que lo debes insertar despues de cerrar el elemento .left-container , (despues de la etiqueta de cierre) y lo estas anidando en el elemento (despues de la etiqueta de apertura).

saludos.

Gracias, logre resolverlo unicamente que las instrucciones son dificiles de entender ya que dicen una cosa con significado distinto a lo que busca pero muy amable.