Unordered list or table

[graywolf]

I am trying to achieve something like this is css

<table width="150" border='0' cellpadding='0' cellspacing='0'>
<tr>
<td colspan='2'>HEADER</td>
</tr>
<tr>
<td valign='top'>&#149&nbsp;</td>
<td>blah1 blahblah1 blah1 blah1</td>
</tr>
<tr>
<td valign='top'>&#149&nbsp;</td>
<td>blah2 blahblah2 </td>
</tr>
<tr>
<td valign='top'>&#149&nbsp;</td>
<td>blah3 blahblah3 blah3</td>
</tr>
</table>

I tried using an ordered list like this

HEADER
<ul >
<li>blah1 blahblah1 blah1, blah1</li>
<li>blah2 blahblah2</li>
<li>blah3 blahblah3 blah3</li>
</ul>

It can only be 150 pixesl wide. I am trying to eliminate the space between the "header" and "line1" and eliminate or shrink the space before the bullet. Any ideas or should I just use a table?

[SuzyUK]

everything you're asking is possible using CSS, place your list inside a div to control its width

see Taming Lists [alistapart.com] for examples and explanations

note the bit about using padding or margins to decrease the indent as different browsers use different properties of lists to control this.

Suzy

[Birdman]

Also use w3schools-lists [w3schools.com] as a reference. I like that resource.

[graywolf]

Thanks i was able to get what I needed from both of those two sites.