Categories: Поради

Як вирівняти текст в один рядок: 5 легких способів

Вирівняти текст в один рядок – це одне з основних завдань верстки веб-сторінок. Коли текст не міститься на одному рядку і переноситься на наступний, це може викликати дизайнерські та естетичні проблеми. У таких випадках необхідно застосувати спеціальні методи та інструменти, щоб досягти бажаного результату.

Існує кілька способів вирівняти текст в один рядок. Один із найпростіших способів – використання властивості CSS “white-space: nowrap”. Ця властивість запобігає перенесенню тексту на новий рядок і змушує його залишатися в одному рядку. Однак, ця властивість може призвести до горизонтального скролінгу, якщо текст не міститься у доступній області.

Ще одним способом вирівнювання тексту в один рядок є використання елемента . Цей елемент дозволяє встановити певні стилі лише для частини тексту, а не для всього абзацу. Таким чином, ви можете вирівняти лише ту частину тексту, яка потребує вирівнювання, без зміни іншого вмісту.

Стиль	Опис	приклад
text-align: left;	Вирівнювання тексту з лівого краю.	Приклад тексту, вирівняного з лівого краю.
text-align: center;	Вирівнювання тексту центром.	Приклад тексту, вирівняного центром.
text-align: right;	Вирівнювання тексту з правого краю.	Приклад тексту, вирівняного праворуч.
text-align: justify;	Вирівнювання тексту шириною.	Приклад тексту вирівняного за шириною.

Як вирівняти текст у рядку?

Зміна вирівнювання тексту

Щоб вирівняти текст ліворуч, натисніть клавіші CTRL+L.
Щоб вирівняти текст праворуч, натисніть клавіші CTRL+R.
Щоб відцентрувати текст, натисніть клавіші CTRL+E.

Як вирівняти текст зліва та праворуч в одному рядку?

Виділіть текст. На панелі «Абзац» або на панелі керування натисніть одну з кнопок в області «Вирівнювання»: «Вліво», «У центрі», «Вправо», «Вимкнути вліво», «Вимкнути в центрі», «Вимкнути вправо» або “Вимкнення за форматом”.