Welcome to Bucaro TecHelp!

Bucaro TecHelp
Maintain Your Computer and Use it More Effectively
to Design a Web Site and Make Money on the Web

About Bucaro TecHelp About BTH User Agreement User Agreement Privacy Policy Privacy Site Map Site Map Contact Bucaro TecHelp Contact RSS News Feeds News Feeds

Set List Bullets Position

Use the list-style-position property to set the position of the list's bullets. The default value, outside causes the list items text to be indented, so when text wraps it does not go below the bullet.

list-style-position:outside;

  • Item Number One Item Number One Item Number One Item Number One Item Number One
  • Item Number Two Item Number Two Item Number Two Item Number Two Item Number Two
  • Item Number Three Item Number Three Item Number Three Item Number Three Item Number Three
<ul style="list-style-position:outside;">
<li>Item Number One Item Number One Item Number One Item Number One Item Number One</li>
<li>Item Number Two Item Number Two Item Number Two Item Number Two Item Number Two</li>
<li>Item Number Three Item Number Three Item Number Three Item Number Three Item Number Three</li>
</ul>

The value inside causes the bullet to be placed where the first character of text would go, so the text wraps underneith the bullet.

list-style-position:inside;

  • Item Number One Item Number One Item Number One Item Number One Item Number One
  • Item Number Two Item Number Two Item Number Two Item Number Two Item Number Two
  • Item Number Three Item Number Three Item Number Three Item Number Three Item Number Three

More CSS Quick Reference:
• Set the Text Case
• Set the Border Width
• Style the First Letter
• Set a Background Image
• Set List Bullets Position
• Set the Font Properties
• Use an Embedded Style Sheet
• Set an Element's Clipping
• Use Image for List Item Bullets
• position:relative

RSS Feed RSS Feed


Follow Stephen Bucaro Follow @Stephen Bucaro



Fire HD
[Site User Agreement] [Privacy Policy] [Site map] [Search This Site] [Contact Form]
Copyright©2001-2018 Bucaro TecHelp 13771 N Fountain Hills Blvd Suite 114-248 Fountain Hills, AZ 85268