How to Not Indent Bullets on CSS
When you create unordered lists in HyperText Markup Language (HTML), a browser automatically indents the bullets so they do not line up against the left side of the page like regular text does. This default is often troublesome if you use images as your bullets, or if you find that the forced spacing does not work well with your layout. Fortunately, you can apply a Cascading Style Sheets (CSS) style rule to your page's code that instructs the browser not to indent these bullets.
Other People Are Reading
Instructions
-
-
1
Start your text editor program and load the Web page that has the bullets.
-
2
Position your cursor after the opening "<head>" tag and type the following CSS code:
<style type="text/css">
<!--
ul { }
-->
</style>
The unordered list (ul) tag controls the bullet items in your list.
-
-
3
Enter "margin-left: ;" and "padding-left: ;" between the curly brackets and type a zero pixel (px) value after each colon. To illustrate:
ul { margin-left: 0px; padding-left: 0px; }
The zero values for the left margin and padding attributes pull the bullets back so they line up against the left side of your page.
-
4
Save your file and upload it to your Web host.
-
1
