Welcome to Bucaro TecHelp!

Bucaro TecHelp
HTTPS Encryption not required because no account numbers or
personal information is ever requested or accepted by this site

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 Font Properties
• Set a Fixed Background Image
• Style the First Line
• Style the First Letter
• Set an Element's Display Property
• Set a Background Image
• Set the Font Variant
• Set an Element's Visibility
• Set the Border Style
• Pseudo-class Selectors

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