All Guidelines

How to make lists in your content

In this article, I will explain how to make numbered lists or bullet points in your content using html.

You can create lists with bullet points or numbers using the HTML tag <LI>

Each bullet point must start and end with the <LI> and </LI> tags respectively.

Example:


The following are the operating systems from Microsoft:
<LI>Windows 7</LI>
<LI>Windows 2008</LI>
<LI>Windows 2003</LI>
<LI>Windows XP</LI>
<LI>Windows Vista</LI>

When you use the above HTML, it will actually appear as below:


The following are the operating systems from Microsoft:
Windows 7

Windows 2008

Windows 2003

Windows XP

Windows Vista

Even though the above code will work, the ideal syntax in HTML for the lists is, enclose all the items within <UL> and </UL>

So, the best way of doing it is this:


The following are the operating systems from Microsoft:
<UL>
<LI>Windows 7</LI>
<LI>Windows 2008</LI>
<LI>Windows 2003</LI>
<LI>Windows XP</LI>
<LI>Windows Vista</LI>
</UL>

UL stands for Unordered List.

Instead of bullet points, if you want an ordered list with numbers, use <OL> instead of <UL>

Example:


The following are the operating systems from Microsoft:
<OL>
<LI>Windows 7</LI>
<LI>Windows 2008</LI>
<LI>Windows 2003</LI>
<LI>Windows XP</LI>
<LI>Windows Vista</LI>
</OL>

When you use the above HTML, it will actually appear like this:


The following are the operating systems from Microsoft:

Windows 7

Windows 2008

Windows 2003

Windows XP

Windows Vista

All Guidelines