• 
• 1. SitePoint
  2. Reference
  3. CSS
  4. List Properties
  5. list-style-position
  6. CSS Live Demo: list-style-position (this page)
• See also: All Live Demos

CSS Live Demo: list-style-position

Type your CSS here: (any properties allowed except expression, behavior and @import) #compact li { list-style-position:inside; }

Type your HTML here: (any tags allowed except script, iframe, frame, object, img and embed) <ul> <li>One, two, three and to the four, Snoop Doggy Dogg and Dr Dre are at the door.</li> <li>Ready to make an entrance so back on up, 'cos you know we're gonna rip this up.</li> </ul> <ul id="compact"> <li>Gimme the microphone first so I can bust like a bubble, Compton and Long Beach together now you know you in trouble.</li> <li>Ain't nuttin' but a G thang baby, two loc'ed out fellars so we're crazy, Death Row is the label that pays me.</li> <li>Unfadeable so please don't try to fade this.</li> </ul>

Show me!

Your results appear here: