• RSS

Главная ›› Уроки по CSS, CSS3 ›› Выравнивание текста в CSS

Выравнивание текста в CSS

Выравнивание текста — такая необходимость возникает очень часто. В CSS это реализуется с помощью соответствующих атрибутов и их значений. Что это за атрибуты, какие у них существуют значения и, наконец, как делается выравнивание текста в CSS с их помощью мы и рассмотрим в этом уроке.

Выравнивание текста в CSS

Горизонтальное выравнивание в CSS

Для того, чтобы выровнять текст по горизонтали в CSS используется атрибут «text-align» со следующими значениями:

  • text-align: left;
  • text-align: right;
  • text-align: center;
  • text-align: justify;

где:

  • left — выравнивание текста по левому краю;
  • right — горизонтальное выравнивание текста по правому краю;
  • center — расположение текста по центру;
  • justify — выравнивание по левому и правому краю одновременно (по ширине).

Вертикальное выравнивание в CSS

Для того, чтобы выровнять текст по вертикали в CSS используется атрибут «vertical-align» со следующими значениями:

  • vertical-align: top;
  • vertical-align: middle;
  • vertical-align: bottom;

где:

  • top — выравнивание текста по верхнему краю;
  • middle — вертикальное выравнивание текста по центру;
  • bottom — выравнивание текста по нижнему краю.

Вот, пожалуй, и все. Выравнивание текста в CSS не должно вызвать каких-либо затруднений. Как видите, ничего сложного здесь нет. Спасибо за внимание и до встречи в других уроках!

Поделиться ссылкой:


« 
 »

Читайте также:

Комментарии к: "Выравнивание текста в CSS"

  1. Камиль:

    спасибо за помощь по css3;)

    вы супер!

Оставить комментарий


  • RSS

«Как создать и продвинуть свой сайт»

2011–2017 © Siteblogger.ru
16+
Рейтинг@Mail.ru  
Наверх