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:
• position:relative
• CSS background-origin Positions Background
• Set the Text Color
• Set an Element's Display Property
• Use an External Style Sheet
• Set the Letter Spacing
• Set an Element's Visibility
• Set the Background Properties
• Set the Font Size
• Highlight Text

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