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 a Fixed Background Image
• Set an Element's Overflow
• Grouped Selectors
• CSS Units of Measurement
• Highlight Text
• Set an Element's Visibility
• Indent the First Line of Text
• position:fixed
• Set List Bullets Position
• Set the box-sizing Property

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-2024 Bucaro TecHelp 13771 N Fountain Hills Blvd Suite 114-248 Fountain Hills, AZ 85268