Here are some list style examples using CSS, including the indentation you requested. Some are done with inline styles and for others the styles are defined in the <head>. Note the use of contextual selectors "UL.special LI" and "UL.special2 LI" to alter the list style for the LI elements
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
"http://www.w3.org/TR/REC-html40/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
UL.special LI {list-style:none; display:
inline;
padding:0 1em;
margin: 0 3px;
color:white;
background:green;
border:3px outset green;}
UL.special2 LI {list-style:none; display:
inline;}
UL.special2 LI:before {content:" :: ";}
</style>
<title>Untitled</title>
</head>
<body>
A few different bullet types
<ul
style="list-style-type: square; list-style-position: outside; list-style-image: none;">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>
Note how we get spacing with padding
<ul
style="list-style-type: circle; list-style-position: outside; list-style-image: none; padding-left: 3em;">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>
Image and display at right (great for navs)
<ul
style="list-style-image: url(http://developers.evrsoft.com/forum/ravimages/vb_bullet.gif); padding-left: 3em; direction: rtl;">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>
Roman numerals
<ul style="list-style-type: upper-roman;">
<li style="marker-offset: 6em;">Item 1</li>
<li style="marker-offset: 6em;">Item 2</li>
<li style="marker-offset: 6em;">Item 3</li>
<li style="marker-offset: 6em;">Item 4</li>
</ul>
Compact style
<ol
style="list-style-type: disc; list-style-position: inside; list-style-image: none;">
<li>Item 1<br>
with a second line</li>
<li>Item 2<br>
with a second line</li>
<li>Item 3<br>
with a second line</li>
<li>Item 4<br>
with a second line</li>
</ol>
You can even have an inline list that looks like buttons.
<ul class="special">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>
You can even have an inline list that has funky dividers (separators
won't show up in older browsers).
<ul class="special2">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>
</body>
</html>