Unordered or Ordered Lists: Change Bullet Position

We saw in a previous post how easy it is to change the bullet style of an unordered list. However, to do so you must edit the HTML for your blog post. Don't worry about having to edit the HTML. It's really very easy. We'll show you how below. You may want to visit Changing Bullet Style for Unordered Lists or Changing Bullet Style for Ordered Lists before continuing. Now, let's begin! The two options for the position of the bullet are: inside or outside. The default is outside - as illustrated below:

• Here is the default bullet position

But you can specify "inside" and have the bullets indented! This can often enhance the presentation if your bullets are short.

• After creating your list, edit the UL tag to include the code in the next bullet
• <ul style="list-style-position: inside;">
• However, you might not want to use the inside position if your bullet is a long one because the text flows underneath the bullet as shown.

1. This also works
2. for numbered lists

►  Take a look at some related posts, such as Changing Bullet Style AND Position in Your Lists

If this post has been helpful, please consider linking to our blog or sharing!