Для горизонтального вирівнювання тексту по центру використовується стильова властивість text-align зі значенням center. Щоб таке вирівнювання працювало в потрібних місцях, можна створити клас з ім'ям center і додавати його до бажаних елементів (приклад 1).
Приклад 1. Вирівнювання тексту
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Вирівнювання по центру</title> <style> .center {text-align: center; /* Вирівнювання по центру */
}
</style>
</head>
<body> <div class="center"> Сучасна освітня парадигма, ратифікуючи пріоритет особистісної орієнтації педагогічного процесу, під час якого здійснюється розвиток природних задатків, закладених у кожному індивідуумі, потребує переосмислення існуючих традиційних форм та методів загальнообов'язкової освіти.
</div>
</body>
</html>Результат прикладу показано на рис. 1.
Мал. 1. Текст, вирівняний по центру веб-сторінки
У даному прикладі текст всередині <div> з класом center вирівнюється по центру веб-сторінки.