Вирівнювання тексту в 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 не повинно викликати будь-яких ускладнень. Як бачите, нічого складного тут немає. Дякую за увагу і до зустрічі в інших уроках!