centrare i contenuti ( float:left) all'interno del div contenitore

[blur]

ciao,

ho un div contenitore al cui interno visualizzo dei dati provenienti dal database.
I dati sono composti da un immagine e a fianco il nome

contenitore:
nav_cat{margin-top:50px;text-align:center;}

mentre i dati all'interno del contenitore li formatto così:

<div style="float:left">img</div><div style="float:left;>nome</div>

se non sbaglio, il float:left, annulla il text-align:center del contenitore, giusto?

quindi come faccio a centrare tutti i dati all'interno del div contenitore?

grazie

ps: sarebbe una bestemmia usare <table> per intabellare questi dati ( img + nome ) ?
in fondo non si tratta di elencare dati ?

[mucu]

in fondo non si tratta di elencare dati ?

bisogna vedere il contesto, ma a occhio è meglio una lista, poi puoi scegliere se ordinata "ol" o no "ul" o lista di definizioni "dl"

<ul>[*]img 

nome</p>[/list]

il text-align non viene annullato ma non lo noti perchè l'elemento non ha una width definita e si schiaccia a sinistra
il tuo contenitore dovrebbe avere una sua dimensione e gli elemente che contiene pure