{"id":948,"date":"2011-09-01T18:40:23","date_gmt":"2011-09-01T18:40:23","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/2011\/09\/01\/bullet-points-numbered-lists\/"},"modified":"2025-06-12T16:58:33","modified_gmt":"2025-06-12T20:58:33","slug":"bullet-points-numbered-lists","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/website\/bullet-points-numbered-lists\/","title":{"rendered":"Bullet Points and Numbered Lists Explained"},"content":{"rendered":"

HTML has code you can use that allows you to make a “bulleted<\/em>” or “numbered<\/em>” list. There are two different types of list tags. The <ol><\/code> (ordered list) and <ul><\/code> (unordered list). Ordered lists are lists that order items by numbers or roman numerals. Unordered lists are bulleted points that can have circles or squares instead of numbers. Each ordered and unordered list has <li><\/code> elements within it. The <li><\/code> tags display each list item.<\/p>\n

\r\n

Professional Websites Without the Tech Headaches<\/strong><\/p>\r\n

Our team will build a beautiful WordPress site and take care of updates, security, and maintenance \u2013 so you can focus on running your business.<\/p>\r\n

Let Us Handle It for You<\/a><\/p>\r\n<\/div>\n

Code for the Ordered list<\/h2>\n

First, let’s discuss “Ordered Lists<\/em>“. Ordered lists will be numbered and we will start with the <ol><\/code> tag.<\/p>\n

<ol><\/ol><\/pre>\n
This is the opening tag to tell the web browser the following content is to be contained in an ordered list. Now, we will need to add an <li> tag which stands for list item. After adding the list item tags and closing them our code will look like this. Don’t forget to close the tags.<\/p>\n
<ol>   <li>first line in the list <\/li>   <li>second line in the list <\/li> <\/ol><\/pre>\n
The above code will display the following results:<\/p>\n
    \n
  1. first line in the list<\/li>\n
  2. second line in the list<\/li>\n<\/ol>\n
    Code for the Unordered list<\/h2>\n
    The process is the same for the unordered list. The only difference is the opening and closing tag of the actual list. Don’t forget to close your tags or the lists will not display correctly.<\/p>\n
    <ul>   <li>first line in the list <\/li>   <li>second line in the list <\/li> <\/ul><\/pre>\n
    The above code will display the following results:<\/p>\n