--- title: Center an Image Using Text Align Center localeTitle: Centralizar uma imagem usando o centro de alinhamento de texto --- ## Centralizar uma imagem usando o centro de alinhamento de texto Um elemento `` é um elemento embutido (valor de exibição do `inline-block` ). Ele pode ser facilmente centralizado adicionando o `text-align: center;` Propriedade CSS para o elemento pai que contém. Para centralizar uma imagem usando `text-align: center;` você deve colocar o `` dentro de um elemento de nível de bloco, como um `div` . Como a propriedade `text-align` só se aplica a elementos no nível de bloco, você coloca `text-align: center;` no elemento de nível de bloco de acondicionamento para alcançar um `` horizontalmente centrado. ### Exemplo ```html Center an Image using text align center
John Doe
``` **Nota:** O elemento pai deve ser um elemento de bloco. Se não for um elemento de bloco, você deve adicionar `display: block;` Propriedade CSS junto com a propriedade `text-align` . ```html Center an Image using text align center ``` **Demonstração:** [Codepen](https://codepen.io/aravindio/pen/PJMXbp) ## Documentação [**text-align** - MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align) [**\\ ** - MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img)