Petit souci avec display:inline-block

Bonjour,

Je cherche à aligner trois colonnes centrées sur la largeur du site dans le footer de celui-ci, chacune d'elle ayant son contenu aligné à gauche.

J'ai la contrainte de travailler dans un CMS et je ne souhaite pas intervenir dans le CSS pour l'instant. Je dois donc passer les paramètres CSS dans le code HTML.

Pour l'heure, j'en suis là

<div style="margin:auto; width:1100px; text-align:center;">
		<dl style="display:inline-block; text-align:left; width:33%;">
			<dt>Siège social</dt>
			<dd><span style="color: rgb(255, 255, 255);">xxxxxx</dd>
			<dd><span style="color: rgb(255, 255, 255);">xxxxxx</dd>
			<dd><span style="color: rgb(255, 255, 255);">xxxxxx</dd>
			<dd><span style="color: rgb(255, 255, 255);">Tel : xxxxxx</dd>
			<dd><span style="color: rgb(255, 255, 255);">Fax : xxxxxx</dd>
			<dd><a href="./resolveuid/3eb6cb2dd52c3d36ca152807d439090b">Toutes nos implantations</a>.</dd>
		</dl>
		
		<dl style="display:inline-block; text-align:left; width:33%;">
			<dt>L'entreprise</dt>
			<dd><a href="./resolveuid/c4b53c96b3c0f8ce3b9bd5d26cdf1f8a">Présentation</a></dd>
			<dd><a href="./resolveuid/7ba15f7e142ff9989f53a17d8a3eff55">Mentions légales</a></dd>
			<dd><a href="./resolveuid/4870abadb3ce47c8d73408f227ac3292">Nos prestations complémentaires</a></dd>
			<dd><a href="./resolveuid/715b8329eccbceba3cd941d169b8ec8b">Conditions générales de vente</a></dd>
			<dd><a href="./resolveuid/a5e702800bfcacf56831f700374129d5">Infos livraison</a></dd>
			<dd><a href="./resolveuid/8479c8a924c17ac7b84c48e48ac1b1ba">Demande de devis</a></dd>
		</dl>		
				
		<dl style="display:inline-block; text-align:left; width:33%;">
			<dt>Professionnels</dt>
			<dd><a href="./resolveuid/1d6aadc5a7f688b5642945a59e1b38f9">Grande distribution</a></dd>
			<dd><a href="./resolveuid/e7f3d48feb838d712facab2e52537939">Home service</a></dd>
			<dd><a href="./resolveuid/1d6aadc5a7f688b5642945a59e1b38f9">Grande distribution</a></dd>
			<dd><a href="./resolveuid/e7f3d48feb838d712facab2e52537939">Home service</a></dd>
			<dd><a href="./resolveuid/9792a1a5b10624da9f5f121fe6c76146">Grossistes</a></dd>
			<dd><a href="./resolveuid/3ba68f5b6f5ead95a93783cae7ee8e65">Restauration hors<br />
					domicile (RHD)</a></dd>
		</dl>			
</div>

Le résultat est presque bon sauf que les éléments sont alignés à gauche. Je ne sais pas comment passer le sélecteur d'enfant dans le code A > B
Si j'étais en CCS ça irait, mais en ligne dans le code, je sèche.

Est-ce qu'une bonne âme aurait la gentillesse d'éclairer ma lanterne ?

Merci d'avance

Chez moi tout marche... Tes <dl> sont effectivement centrés.