Выравнивание текста по центру при помощи css

Для контента сайта нужна, прежде всего, аккуратная компоновка текста на странице. Чтобы текст читался легко и приятно желательно, чтобы текст был разделен на несколько абзацев. Поэтому для правильной и красивой разметки символов используют стили CSS.

Некоторые пункты текста на странице требуют, чтобы абзац или какой-то пункт раздела был выровнен по центру колонки текста. Для этого используют атрибут text-align: center;
 

Например, для тега <p> пропишем класс txt, вот так <p class=”txt”>.

А в таблице, а точнее в файле стилей style.css пропишем наши стили:

p.txt { text-align: center; }

Там же мы можем прописать шрифты, стили шрифта: обычный, жирный, прописной. Можно задать отступы от правого и левого края, сверху и снизу и так далее.
 

Тогда это будет выглядеть вот так: 

С языка CSS это переводится так: шрифт Arial, жирный. Размер шрифта 14 пикселей. Это стандартный шрифт для текста Word. Отступы на всякий случай от левого и правого края по двадцать пикселей.

Иногда, если хотите сделать простую страницу, как говорится на скорую руку, пишут стили прямо в html коде:

А если текст находится внутри таблицы, то атрибут задают внутри тега ячейки <td>, вот таким образом:

<table><tr><td align=”center”>Здесь ваш текст</td></tr></table>

Все эти способы рабочие, но в большинстве своем многие используют шаблоны с уже прописанными стилями. То есть применяют уже заранее написанные файлы CSS.
 

Добавить комментарий


( ! ) Ф.И.О.
( ! ) Текст сообщения: (Не больше 5000 знаков)

( ! )Введите текст с картинки :
Обновить код
Положительный отзыв Положительный отзыв
Отрицательный отзыв Отрицательный отзыв



Коллекция скриптов и модулей   © 2017