Devo riuscire a centrare un div ("opera") dentro ad un altro div ("dx_contenuto").
Il div "opera" però lo vorrei largo quanto il contenuto e non tutta la larghezza.


codice:
<div id="dx_contenuto">
Lorem ipsum dolor [...] 


	<div id="opera">
		[img]immagini/test.jpg[/img]
		<div class="opera_titolo">Titolo</div>
		<div class="opera_link">Scheda dell'opera</div>
	</div>
</div>
Il CSS relativo dichiara questo:
codice:
#dx_contenuto {
	text-align: center;
	margin: 0px 15px 30px 4px;
}
#opera {
	margin: 0px auto;
}

#opera a img {
	background-color: #FFFFFF;
	padding: 2px;
	border: 1px #737373 solid;
}

.opera_titolo {
	font-size: 14px;
	font-family:"trebuchet MS";
	text-align: right;
}
Così com'è ora "opera" è largo come tutto il suo contenitore "dx_contenuto", si riesce a centrarlo mantendo le dimesioni di larghezza in base al contenuto?
Grazie mille