Qual é a melhor maneira de centralizar um elemento HTML dentro de seu elemento contendo?

StackOverflow https://stackoverflow.com/questions/395484

  •  23-08-2019
  •  | 
  •  

Pergunta

Vamos dizer que você tem o seguinte pedaço de código: 

<div id="container">
  <someelement>This is any element.</someelement>
</div>

Qual é a melhor CSS eu poderia usar para "someelement" horizontalmente centro dentro do seu contendo div?

Foi útil?

Solução

Se o seu <someelement> é um elemento inline (isto é, o padrão é display: inline) aplicar text-align: center para o seu recipiente. Se <someelement> é um conjunto elemento de bloco à esquerda e margem direita para auto e lembre-se de definir uma largura (elementos de bloco padrão de tomar todo o espaço horizontal disponível a menos que a largura é afirmado explicitamente). Você pode ter que usar os dois métodos se você quer que ele funcione no IE 5.5 e abaixo também.

Outras dicas

JaredPar tem a idéia certa, mas aqui está uma maneira mais limpa para fazer o que você está procurando;) 

#container {
    text-align: center;
}

#container someelement {
    margin: 0 auto;
    text-align: left;
}

Tente 

<someelement style="margin-left:auto;margin-right:auto">This is any element</someelement>
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top