HTML & CSS for Beginners Part 17: How to Create and Style HTML Lists

What's the difference between an ordered and unordered list? How can I make my bullet points into a picture? How can I change my numbered list to roman numerals? I'm glad you want to know, because I've got your answers right here!

---

[David-yzss]

Kevin, thank you so much for posting these videos. Even though I have already learned HTML and CSS, your videos have often given me a better understanding of some of the functions. I will continue to watch all of your videos. You are an outstanding teacher.

[alexnikita]

Thank you so much, not only that you explain so it is impossible to not understand but your voice is very pleasant and easy to listen and focus on learning ❣

[TetsusaigaDrgn]

i love how you explain things. when teaching a new topic that has some old material you already taught, you quickly go over the old material as a refresher, which really reinforces it! great job on these tutorials!

[Twiglet]

Kevin, thank you so much for sharing your knowledge. It's great to find someone like yourself who is so clear and concise with their tutorials. I look forward to moving onto javascript tutorials.

[annypujols]

Hi Kevin! Thank you so much for posting these tutorials. They’re really helpful for people like me that are beginners in the tech field. I send you a big hug!

[chrisztv]

I'm so happy I found your channel.

[TheCrusaderRabbits]

The use of a background color and margin makes this one of the easier videos to see what is happening. An explanation how to make A, B, C, D fall more neatly in a column would have been nice. 9/10

[misslavender]

Thank you! I didn't know i could change the bullet points to be your own images (career changer here.... complete newbie learning web development.. I just made my website look so much better! It's a recipe website assignment from The Odin Project and i changed my bullet points to mixing bowls!! 😁🤗

[dynamic-homepages]

Thanks, actually my side that I'm working on will have a lot of Lists. I really appreciate all your Videos about CSS. And after a Year of watching Videos about HTML, CSS, and PHP.... sometimes I feel great. The content I could not understand after 3 times watching are now understandable after 5 times watching =)

[DeepakTiwari-eihe]

Amazing course, worth watching! Loved it. 😍♥

[PriyaGupta-romo]

Thank you, this is very helpful finally my doubts are clear tysm!

[thomascoatesjr]

These videos are awesome you're the man

[sudarrshang]

hey kevin!, thanks a lot i was looking more for these types of series pls make them more and lets us show some websites to practice some samples.

[bloxzyo]

Thank this has been helpful and learnt some new

[nohandle]

Man. You did some work on this playlist.

[gerozayas]

Thanks for the video, it helps a lot. Great work

[artihlec]

It's 2018 firefox and chrome are still handling text-align for bullets/nums differently :). A quick note — in firefox default list-style-position is also outside, but it just handles it differently (there is no way to put bullets 'uncentered' here using just inside/outside)

[myeyezee]

Great tutorial Kevin. How do you increase or decrease the indent of list items? Much appreciate your reply

[anlai]

thanks for the tutorial, but I was waiting for you to show us how to fix the "icon hamster" when we use a big size images.

[gaabriel]

You forgot to write Part 17 for the title! Great video regardless