Centering a list in a DIV block

[GeeWhizzler]

Just cant seem to get a list centered vertically in a div block.

#block-box
{
text-align: center;
}

<div id="block-box">
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>
</div>

I tried margin: auto auto in the #block-box and it didnt work. I also tried vertical-align middle and it didn't work.

Any suggestions?

[Robin_reala]

Lists are block level elements by default so you need to apply the margin centering to the list itself. For example:

#block-box ul
{
margin: 0 auto;
}

[xfinx]

Robin_reala++ ;-)