Posicionamento/Largura da Div

[jessicald]

Bom dia.

Estou com um problema para posicionar a div de forma adequada.

Tenho uma div pai chamada A, que está devidamente ajustada.

Dentro dela tenho a div B que deve se ajustar em largura ao seu conteúdo e ficar posicionada no centro.

É importante ressaltar que o conteúdo da div B é dinâmico, então não posso simplesmente determinar um valor para width.

Os códigos são os seguintes:

HTML:

<div id="A">
<div id="B">
Conteúdo dinâmico
</div>
</div>

Css:

#A{
width: 940px;
height: 53px;
padding: 20px;
padding-left:auto;
padding-right:auto;
margin: 0px auto 2px auto;
line-height: 53px;
font-size: 14px;
font-family: Helvetica, Arial, Verdana;
font-weight: bold;
color: #767980;
border: solid 1px #ececec;
text-align: center;
}

#B
{
margin:0 auto 0 auto;
margin-bottom: 10px;
padding: 0;
text-align: center;
height: 60px;
overflow:hidden;
border:1px solid;
}

Tentei com width:auto, até ter certeza de que ele se ajustaria à div A. Tentei com min-width e max-width, mas ele sempre fica no max-width, indepentende do conteúdo.

Agradeço desde já a ajuda de todos.

[Mog.Lucas]

Adicione no #B:

display: inline-block;

Ou, dependendo de quais navegadores você precisa atingir, utilize:

display: table;

Explicação de porque isso não é fácil: http://stackoverflow.com/a/451074

[jessicald]

Muito, mas muito obrigada!

[DiF]

Caso o autor do tópico necessite, o mesmo será reaberto, para isso deverá entrar em contato com a moderação solicitando o desbloqueio.