--- title: Center an Image Using Text Align Center localeTitle: Центрировать изображение с помощью центра выравнивания текста --- ## Центрировать изображение с помощью центра выравнивания текста Элемент `` - это встроенный элемент (отображаемое значение `inline-block` ). Его можно легко центрировать, добавив `text-align: center;` Свойство CSS для родительского элемента который содержит его. Чтобы `text-align: center;` изображение с помощью `text-align: center;` вы должны поместить `` внутри элемента уровня блока, такого как `div` . Поскольку свойство `text-align` применимо только к элементам уровня блока, вы размещаете `text-align: center;` на элементе уровня блока упаковки, чтобы достичь горизонтально-центрированного `` . ### пример ```html Center an Image using text align center
John Doe
``` **Примечание** . Родительский элемент должен быть блочным элементом. Если это не элемент блока, вы должны добавить `display: block;` CSS и свойство `text-align` . ```html Center an Image using text align center ``` **Демо-** [версия](https://codepen.io/aravindio/pen/PJMXbp) **:** [Codepen](https://codepen.io/aravindio/pen/PJMXbp) ## Документация [**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)