Blog

This post may contain affiliate links, which means we earn a commission when you buy through our link (at no additional cost to you). I only promote products I love, from companies I trust. :) Read our full Disclosure Policy.

How to Make a Bulleted List with HTML

How to Make a Bulleted List with HTML

Learn How to Make a Bulleted List with HTML

This simple guide will show you the code needed to make a bulleted list to better organize information on your blog or website as well as give you options for ways to customize the look of the bulleted list.  If you’re using WordPress, there is actually a button in the visual editor to make bulleted lists (it looks like three bullet points with lines), but it’s always nice to know how to code something by hand. 🙂

Learn About Bulleted Lists

How to code bulleted or numbered lists with html

  • Here is an example of a bulleted list.
  • As you can see, the items are marked with a “bullet” or dot on the left side.
  • They’re a great way to not only list information, but also to list links for the navigation on your site.

This is the code for a basic bulleted list:

<ul>

<li>item 1</li>

<li>item 2</li>

<li>item 3</li>

</ul>

So as you can see, the ul’s start and end the list, and the li’s are used for each item in the list.

Numbered Lists

The slightly different variation of a bulleted list is a numbered (or lettered) list. Instead of “ul” you will start and end your code with “ol”. The only difference is that these, instead of having the same bullet, are just numbered with numbers, Roman numerals, or letters.

  1. item 1
  2. item 2
  3. item 3
 <ol>
 <li>item 1</li>
 <li>item 2</li>
 <li>item 3</li>
 </ol>

You’re done!

If you’d like to start your own blog, check out our free guide on how to start a blog below:

how-to-start-a-blog

(Visited 40 times, 1 visits today)

Leave a reply

Happily hosted by Bluehost.
This site contains affiliate links. Disclosure Policy.