Веб-разработка, логотип Eqsash

Как сделать выравнивание элемента при помощи CSS свойства text-align

При верстке страниц сайта или при публикации новых материалов может возникнуть потребность выровнять содержимое элемента по какой-либо стороне. Для этого существует специальное CSS свойство – text-align, которое имеет несколько значений. Как его использовать и какие значения у него есть - будет рассмотрено ниже.

css-text-align-values

Прежде всего, необходимо уточнить, что свойство text-align предназначено только для горизонтального выравнивания любых строчных элементов внутри какого-либо элемента. То есть, выравнивать таким способом можно не только текст, но и любое линейное содержимое, например, можно выровнять и изображения.

Пример синтаксиса свойства:

.class {
	text-align: center; 
}

Какие значения есть у свойства text-align? Их не так много, перечислим основные:

Также существуют дополнительные значения, их поддержку необходимо проверять в конкретном браузере:

Таким образом, сделать выравнивание любого строчного (линейного) элемента не составит труда. Свойство поддерживается всеми браузерами, с осторожностью стоит использовать только новые дополнительные значения.

Оставить заявку

Последние статьи

Популярные разделы