# HTML/CSS Step 65 = Add an A element inside of a p element

**URL:** <https://forum.freecodecamp.org/t/html-css-step-65-add-an-a-element-inside-of-a-p-element/520372>\
**Category:** Curriculum Help\
**Tags:** css, html\
**Created:** [June 21, 2022, 3:38pm UTC](https://forum.freecodecamp.org/t/html-css-step-65-add-an-a-element-inside-of-a-p-element/520372 "2022-06-21T15:38:59Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![devmak](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/devmak/32/240480_2.png) [@devmak](https://forum.freecodecamp.org/u/devmak)\
**Post date:** [June 21, 2022, 3:38pm UTC](https://forum.freecodecamp.org/t/html-css-step-65-add-an-a-element-inside-of-a-p-element/520372/1 "2022-06-21T15:38:59Z")

</div>

**Tell us what’s happening:**  
Describe your issue in detail here.

Step 65 is saying to:  
Inside the `footer` , add a `p` element. Then, nest an anchor (`a` ) element in the `p` that links to `https://www.freecodecamp.org` and has the text `Visit our website`

But i have done that and the code is not passing.

```
  **Your code so far**

```

[Visit our website](https://www.freecodecamp.org)

 

```html
/* file: index.html */
<!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 class="established">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 class="item">
          <p class="flavor">Caramel Macchiato</p><p class="price">3.75</p>
        </article>
        <article class="item">
          <p class="flavor">Pumpkin Spice</p><p class="price">3.50</p>
        </article>
        <article class="item">
          <p class="flavor">Hazelnut</p><p class="price">4.00</p>
        </article>
        <article class="item">
          <p class="flavor">Mocha</p><p class="price">4.50</p>
        </article>
      </section>
      <section>
        <h2>Desserts</h2>
        <article class="item">
          <p class="dessert">Donut</p><p class="price">1.50</p>
        </article>
        <article class="item">
          <p class="dessert">Cherry Pie</p><p class="price">2.75</p>
        </article>
        <article class="item">
          <p class="dessert">Cheesecake</p><p class="price">3.00</p>
        </article>
        <article class="item">
          <p class="dessert">Cinnamon Roll</p><p class="price">2.50</p>
        </article>
      </section>
    </main>
    <footer>
      <p><a href="https://www.freecodecamp.org">Visit our website<a/></p>
      </footer>
  </div>
</body>
<html>

```

 

```css
/* file: styles.css */
body {
background-image: url(https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg);
font-family: sans-serif;
}

h1 {
font-size: 40px;
}

h2 {
font-size: 30px;
}

.established {
font-style: italic;
}

h1, h2, p {
text-align: center;
}

.menu {
width: 80%;
background-color: burlywood;
margin-left: auto;
margin-right: auto;
padding: 20px;
max-width: 500px;
}

h1, h2 {
font-family: Impact, serif;
}

.item p {
display: inline-block;
}

.flavor, .dessert {
text-align: left;
width: 75%;
}

.price {
text-align: right;
width: 25%
}

```

 

```
  **Your browser information:**

```

 

User Agent is: `Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.54 Safari/537.36`

 

**Challenge:** Step 65

 

**Link to the challenge:**

> **[freeCodeCamp.org](https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-basic-css-by-building-a-cafe-menu/step-65)**
>
> Learn to Code — For Free

---

<div class="post-metadata">

**Author:** ![devmak](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/devmak/32/240480_2.png) [@devmak](https://forum.freecodecamp.org/u/devmak)\
**Post date:** [June 21, 2022, 3:42pm UTC](https://forum.freecodecamp.org/t/html-css-step-65-add-an-a-element-inside-of-a-p-element/520372/2 "2022-06-21T15:42:35Z")

</div>

I figured out the code…

footer\>

[Visit our website](https://www.freecodecamp.org)

---

<div class="post-metadata">

**Author:** ![ghulamshabirbaloch](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ghulamshabirbaloch/32/373359_2.png) [@ghulamshabirbaloch](https://forum.freecodecamp.org/u/ghulamshabirbaloch)\
**Post date:** [June 21, 2022, 3:43pm UTC](https://forum.freecodecamp.org/t/html-css-step-65-add-an-a-element-inside-of-a-p-element/520372/3 "2022-06-21T15:43:49Z")

</div>

> [@devmak](#):
>
> `Visit our website<a/></p>`

typo at `<a/>` should be `</a>`

---

<div class="post-metadata">

**Author:** ![devmak](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/devmak/32/240480_2.png) [@devmak](https://forum.freecodecamp.org/u/devmak)\
**Post date:** [June 21, 2022, 4:27pm UTC](https://forum.freecodecamp.org/t/html-css-step-65-add-an-a-element-inside-of-a-p-element/520372/4 "2022-06-21T16:27:34Z")

</div>

Thanks for catching that!

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/freecodecamp/original/3X/e/1/e1c433102e34b46dfaa3e15d13ab9a514b127078.svg) [@system](https://forum.freecodecamp.org/u/system)\
**Post date:** [December 21, 2022, 4:28am UTC](https://forum.freecodecamp.org/t/html-css-step-65-add-an-a-element-inside-of-a-p-element/520372/5 "2022-12-21T04:28:10Z")

</div>

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