Кроссбраузерная центровка div-а в div-е

Как это сделеать?

Структура такая:

<div style="500px">
    <div> размер, в зависимости от текста внутри. этот див нужно центрировать</div>
</div>