css-выравнивание-по-горизонтали

CSS выравнивание текста по вертикали и горизонтали

css выравнивание текста по горизонталиПривет, друзья!
Сегодня мы продолжим изучение CSS-стилей, и узнаем, каким образом можно сделать выравнивание текста по вертикали и горизонтали с помощью CSS.

Как всегда — пример рабочего кода будет доступен на вставке с ресурса http://codepen.io 🙂

Начнем с выравнивания текста по вертикали. Разделить этот момент можно на три части: выравнивание по верхнему краю, выравнивание по нижнему краю, и выравнивание по центру. Для организации этого используем команду vertical-align:параметр, где top — выравнивание по верхнему краю, bottom — выравнивание по нижнему краю, и middle — выравнивание по центру. Пример рабочего кода — ниже:

See the Pen qrRewO by Lavrynenko (@Lavrynenko) on CodePen.

А теперь давайте узнаем, каким образом можно выравнять текст по горизонтали? Для этого используем команду text-align:параметр, где в роли параметра может выступать:
— left — выравнивание по левому краю
— right — выравнивание по правому краю
— justify — выравнивание по ширине
— center — выравнивание по центру
Пример рабочего кода — доступен ниже:

See the Pen JWWPWR by Lavrynenko (@Lavrynenko) on CodePen.

Собственно, на сегодня это все, что я хотел сказать о выравнивании текста с помощью CSS по вертикали и горизонтали. Не забывайте делать репост на свои страницы в социальных сетях, и задавать вопросы, если они возникают 😉

Пока!

Support the Blog!

Running a blog takes a lot of effort, time, and passion. Your donations help improve the content, inspire new ideas, and keep the project going.
If you’ve enjoyed the blog’s materials, any support would mean the world to me. Thank you for being here! ❤️

PayPal Logo Donate via PayPal

Revolut Logo Donate via Revolut