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

Holiday Gift Guide
Holiday Gift Guide

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

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