#Урок 6. Выравнивание текста

Здравствуйте читатели, гости и посетители блога! В данном уроке я расскажу вам о средствах CSS, с помощью которых мы сможем выравнивать текст. Для этого в CSS имеется такое свойство, как text-align и принимать оно может четыре значения, давайте рассмотрим их поподробнее:

  1. right — выравнивание текста по правому краю
  2. left — как несложно догадаться, это выравнивание по левому краю
  3. center — выравнивает текст по центру
  4. justify — выравнивает текст по ширине страницы. (для достижения этого эффекта, браузер делает пробелы между символами)

.text_center {

       textalign: center;

}

.text_right {

   textalign: right;

}

Вот как это выглядит в html-документе:

 

<html>
<head>
   <title>Вот так это выглядит в html-документе</title>
<style>
.text_center {
  text-align: center; /* выравнивание текста по центру */
}
.text_left {
  text-align: left; /* выравнивание текста по левому краю */
}
.text_right {
  text-align: right; /* выравнивание текста по правому краю */
}
.text_justify {
  text-align: justify; /* выравнивание текста по ширине страницы */
}
</style>
</head>
<body>
<p class="text_center">Выравнивание по центру</p>
<p class="text_left">Выравнивание по левому краю</p>
<p class="text_right">Выравнивание по правому краю</p>
<p class="text_justify">Выравнивание по ширине страницы</p>
</body>
</html>

 

Ну вот, собственно, на этом наш урок можно считать оконченным.

Комментарии закрыты.