Solution in step 41 in CSS that Instead, simply move the price p element to be on the same line and make sure there is no space between them

<!DOCTYPE html>

<html>

  <head>

    <meta charset="utf-8" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title>Cafe Menu</title>

    <link href="styles.css" rel="stylesheet" type="text/css" />

  </head>

  <body>

    <div class="menu">

      <header>

        <h1>CAMPER CAFE</h1>

        <p>Est. 2020</p>

      </header>

      <main>

        <section>

          <h2>Coffee</h2>

          <article class="item">

            <p class="flavor">French Vanilla</p>

            <p class="price">3.00</p>

          </article>

          <article>

            <p>Caramel Macchiato</p>

            <p>3.75</p>

          </article>

          <article>

            <p>Pumpkin Spice</p>

            <p>3.50</p>

          </article>

          <article>

            <p>Hazelnut</p>

            <p>4.00</p>

          </article>

          <article>

            <p>Mocha</p>

            <p>4.50</p>

          </article>

        </section>

      </main>

    </div>

  </body>

<html>

Please link to the challenge.

It is asking you to put the p elements side-by-side in the HTML code, so on the same line with no spaces between them.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.