How to Create a Bulleted Unordered List

How to Create a Bulleted Unordered List
0.0 0

#1

Tell us what’s happening:

Your code so far


<h2>CatPhotoApp</h2>
<main>
  <p>Click here to view more <a href="#">cat photos</a>.</p>
  
  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
 <ul>
  <li>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</li>
  <li>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</li>
  </ul>
</main>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.181 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-html-and-html5/create-a-bulleted-unordered-list


#2

Hey,
The challenge is simple and easy to understand, read the side notes one more time.

Remove the last two p elements and create an unordered list of three things that cats love at the bottom of the page.

And add unordered list of cat loves.

eg: Eat, Nap, Play


#3

Click here to view more cat photos.

A cute orange cat lying on its back.

  • Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.
  • Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.

still not working asking me to have only 3 li


#4

lol, I though that you will be able to complete the challenge.

To pass the challenge you have to remove the 2 p tags and have to add unordered list.
It’s clearly written in description.

would create a bullet point style list of “milk” and “cheese”.

<ul>
 <li>Sleep</li>
 <li>Eat</li>
 <li>Play</li>
</ul>

Try to understand the context.


#5

lol thanks alot it helped


#6

You only have two <li></li>. It’s asking you for three. Your code is fine, you just need to add one more li.

<li>One</li>
<li>Two</li>
<li>Three</li>

When you enclose the list items with <ul>, you will have an unordered list with bullet points. The <ol> will give the list items a numbered list.

I hope that helps and happy coding, good luck.


#7

FYI and future reference, check this visual guide.