Creating a cleanly aligned list?

[lplplpx3]

How do I make a list similar to the one as shown in the example. Thank-you.

[bluewalrus]

Something like this

css:

h1 {
color:#ff0000;
font-size:16px;
}

html

<h1>Title</h1>
<ul>
     <li>point one</li>
     <li>point two</li>
     <li>point three</li>
</ul>
<h1>Title</h1>
<ul>
     <li>point one</li>
     <li>point two</li>
     <li>point three</li>
</ul>

[traq]

do you mean how (in the first list in your image) the bullets are separated from the text?

ul{ list-style-position: outside; }