Allineamento centrale di alcuni div

[ResianTaxidrive]

Ho una situazione del genere:

<div id="spot">
 
  http://<span class="appeso" style="b...peat "></span>
  http://<span class="appeso" style="b...peat "></span>
  http://<span class="appeso" style="b...peat "></span> 

</div>

Non so come centrare questi 3 contenitori rispetto alla pagina, anche perchè potrebbero essere uno, due , tre o anche 4.

Con questi stili non funziona:

#spot{
	width:auto;
	height:80px;
	margin-bottom:20px;
	text-align:center;
	margin-right:auto;
	margin-left:auto;
	
}
.appeso{
	width:100px;
	height:80px;
	float:left;
	display:block;
	margin-right:20px;
	
}

[ResianTaxidrive]

HO risolto facendo così:

<div id="spot">
  
  <ul>
    <li class="appeso" >[img]public/upload/menu/uno-100x59.gif[/img]
    <li class="appeso" >[img]public/upload/menu/due-100x59.gif[/img]
    <li class="appeso" >[img]public/upload/menu/tre-100x59.gif[/img][/list]
</div>

e mettendo i li a display inline;

Oggi ho il cervello lento