Centrer une Div à largeur adaptable

bonjour à tous,

Et bonne rentrée !
J'ai un bloc qui est aujourd'hui en float:left et aligné forcément à gauche. De part son float, la largeur de ce bloc s'adapte à son contenu.

Je dois faire en sorte que ce bloc soit tout le temps centré par rapport à son conteneur et aussi que la largeur continue de s'adapter à son contenu.
J'ose imaginer que c'est possible... mais comment ???

Voici le code du bouton et de son conteneur

<div class="quizz-box">
	<form class="quizz-answsers answers-result">
	....	
	
	<div class="button-service">
		<a class="answer-service" href=""><span>Diagnostic formation</span></a>
	</div>
							
	</form>
</div>

et les CSS associés

.quizz-box {
    background: url("../images/box.png") no-repeat scroll left bottom transparent;
    overflow: hidden;
    padding: 0 5px;
    width: 780px;
}
.quizz-box .quizz-answsers.answers-result .button-service {
    float: left;
    margin-left: 325px;
    position: absolute;
}
.quizz-box .answer-service {
    display: block;
}
.button-service a {
    background: url("../images/button-service.png") repeat-x scroll left top transparent;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    display: block !important;
    float: left;
    font-size: 16px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    margin: 20px 20px 0;
    padding: 0 30px;
    text-decoration: none;
}

Ce que ça donne actuellement :
http://img15.hostingpics.net/thumbs/mini_152471Capture.png

merci
Modifié par cevichero (03 Sep 2012 - 15:29)

Salut,

Un petit coup de text-align: center et de display: inline-block ?
par exemple

tm

ça marche,
merci