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; }