--- title: Center an Image Using Text Align Center localeTitle: Centralizar uma imagem usando o centro de alinhamento de texto --- ## Centralizar uma imagem usando Text Align Center Um elemento `` é um elemento em linha (valor de exibição do `inline-block` ). Ele pode ser facilmente centralizado adicionando a propriedade CSS `text-align: center;` ao elemento pai que o 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 de 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 bloco. Se não for um elemento bloco, você deve adicionar a propriedade CSS `display: block;` 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)